CSS 文字与输入框对齐
在进行div+css网页布局的时候，不可避免的需要插入一定的表单元素，input是其中最常见的一种。我们在布局中，常会遇到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
我们来看下面的例子，如何解决文本输入框与文本对齐的问题！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</title>
<style type="text/css">
<!--
#a {
height:30px;
border:1px solid #ccc;
}
#b {
margin-top:20px;
height:30px;
border:1px solid #ccc;
}
#a input {
width:200px;
height:30px;
border:1px solid red;
}
#b input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
-->
</style>
</head>
<body>
<div id="a"><input type="text" />52css.com - Div CSS布局 常见问题</div>
<div id="b"><input type="text" />52css.com - Div CSS布局 常见问题</div>
</body>
</html>
a 中没有实现文字和文本框的对齐
b 中实现了对齐的效果！
相关文档：
我在www.c09.com 发表了这个笔记并上传了原著的PDF，今天有空，转到BLOG上来。
第四章、对应链接样式
4.1 简单的链接样式[code]
/*所有链接红色*/
a{color:red;}
/*未访问链接蓝色，已访问红色*/
a:link{color:blue;}
a:visited{color:green}
/*鼠标悬停时链接红色*/
a:hover,active{color:red;}
/*平时不显示下� ......
定义和用法
line-height 属性设置行间的距离（行高）。
注释：不允许使用负值。
说明
该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。
line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底 ......
1. css 字体简写规则
当使用css定义字体时你可能会这样做：
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
事实上你可以简写这些属性：
font: 1em/1.5em bold italic small-caps verdana,serif
font: bold ital ......
最近作规范,得到公司高手的赐教，在制作静态页面中，经常遇到几个div的浮动问题，因为IE不同版本处理浮动会现两倍差距的问题（IE6，IE7），以前都是通过hack技术处理，（如 margin-left:10px,[*margin-left:5px;],_margin-left:5px;这是IE的问题），现在有一个方法：在第一个div的class加上（disp ......
转自：http://www.linji.cn/post/1595/
用CSS让元素居中显示并不是件很简单的事情——同样的合法CSS居中设置在不同的浏览器中的表现行为却各有千秋。在这里，我介绍一种很好的居中处理办法，但这之前，让我们先来看看最常见的使用CSS居中元素的方法。
使用自动外边距实现居中
CSS
中首选的让元素水平居中的� ......
