1. 表格宽度固定，不受内容影响 
   table{table-layout:fixed}
   这样的好处是：据说速度会比较
   
2. 高度为1px的单元格或div，一般用来做分隔线
   以div为例：关键的内容要放一个空格的转义符
   .o{height:1px;line-height:1px;height:1px}
   <div class="o">&nbsp;</div>
   这样很巧妙，就不用放一个1宽、高都是的图片了。
   
3. 过长内容自动显示省略号
   .dd{
     width:20px;
     text-overflow:  ellipsis; /*有的浏览器不这样写，具体请上网查一下。*/
     overflow:hidden;
     white-space:nowrap;}
   <div class="dd">这是个很长很长很长很长很长的文本</div>
   不知大家有没有想过，对于a也是一样的，只是多个设置display:block
   
4. 使用子选择器、并列等方式减少代码数量
   如：div.m表示类为m的div元素
   　　.m a表示类为m的元素中的a；#m a就表示ID为m的元素中的a
   　　a,b表示a及b
   灵活的使用这些技巧，可以极大的减少css代码的数量，而且便于维护
   
5. 数量为零时，可以不写单位
   
6. 如何控制table、div等元素高度为100%，也即占满整个窗口
   html,body{height:100%}
   然后，再对table、div等元素设置高度为100%就可以了。

发表于 @ 2008年03月21日 13:37:00|评论(loading...)|编辑