css 技巧

一、、#header h1 a{display:block;text-indent:-9999em;background:(images/logo.png) no-repeat 0 0;height:87px;width:250px;}

看得懂这个吗? 我看到很多们都LOGO都只是用图片代替，而没有链接。其他，只需要更简单的方法，利用图像替换文本的方法，显示LOGO，并拥有链接。各个值的功能

display:block; – a的默认状态是inline的，需要让它变成块状的，才可能定义高度和宽度，以适应LOGO的宽高。另外的一个功能是，让链接在text-indent后，在原区域可点击。

text-indent:-9999em; – 难道你想删除logo中的文字?这样应该是你的最后选择。因为这不符合语议标记，所以，也对搜索引擎不友好。而这个值就是让你的字体缩进到看不到的地方。让你不用删除文字。

二、、2. display:inline-block;
.element-class {
display: -moz-inline-stack; //Firefox only code
display: inline-block; //some standard browsers
zoom: 1; //IE only
*display: inline; //Only IE know this code (CSS Hack)
}
三、、3. 用line-height垂直居中文字
上面这张图片的导航高度是28px，你可以给a设定这样的值：#navigation a{font-size:14px;line-height:28px;}，这 样，就少去了用padding和margin的麻烦了。

四、、4. 布局居中
假设你的布局的那个div壳是#wrapper：

div#wrapper{margin:0 auto;}
五、、如果一段css，所有的元素都没有用float，那么最好新加上来的元素也不要用float。尤其在使用模板的时候，如果如果自己的加的代码导致了页面的混乱，那么看一看是不是float造成的。