1、善用css缩写可以减少页面文件大小，提高下载速度，同时使代码简洁可读。

如：

以下是引用片段：
div{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px soli #cccccc;
border-bottom:1px solid #cccccc;
}

可以写为：p{border:1px solid #cccccc}

再如：

以下是引用片段：
div{
margin-top:10px;
margin-right:20px;
margin-bottom:30px;
margin-left:40px;
}

可以改写为：

在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！
所有浏览器 通用 height: 100px;
IE6 专用 _height: 100px;
IE6 专用 *height: 100px;
IE7 专用 *+height: 100px;
IE7、FF 共用 height: 100px !important;
一、CSS 兼容
以下两种方法几乎能解决现今所有兼容.
1, !important (不是很推荐，用下面的一种感觉最安全)
随着IE7对!important的支持, !important 方

从之前写过的《[原]属性选择符的使用》中发现了一个可以用来解决IE跟FF兼容性的问题，因为IE不支持CSS的属性选择符。下面来看看可以怎么做：

---------------------------HTML-------------------------------------
<div class="left">
<dl>
   <dd>dd1</dd>
   <dd>dd2</dd>
   <dd>dd3</

<style. type="text/css">
#example{color:red ;}/*firefox*/
* html #example{color:blue;}/*ie6*/
*+html #example{color:green;}/*ie7*/
</style>

<wrapper>
<div id="floatA"></div>
<div id="floatB"></div>
<div id="NOTfloatC"></div>
</wrapper>

这里的NOTfloatC并不希望继续平移，而是希望往下排。
这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。
在
<div id="floatB"></d