[CSS] CSS注意事项

float 后记得 clear:both

同一行时，例如在写 主题-时间 时这样写：<span>时间</span> <a>主题</a>，其中，span ：float: right，padding-right:20px; 

很多情况下没必要用 div ，可以用 span 代替，甚至直接不用。

很多时候 margin-top值非要很大（事实上很小就可以达到效果）的时候，可以在上方加入 clear:both;

含有超链接的图片 记得要加border:0px; 防止IE 多出边框

写CSS时许多属性一定要 初始化，参考公司的规范文档。

<span style=" width:250px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">这里的内容显示不完将用省略号代替</span>

IE6 不支持 JQuery 2.0，position:fixed  ；

当div设置float的时候，margin会加倍。(用 _margin 解决，或者给浮动容器定义display:inline);

float元素如果作为布局用或复杂的容器，都要给个宽度的。

避免百分比单位。

float 的元素，如果不定义 width 就会占满一行，所以对于float的div 都设置好 width、height。

边框尽量用在a上，避免用在img上。 :hover伪类尽量用在a上，因为IE6不支持其他元素的hover伪类。

li 也是有高度的，当设置li 下的图片display:none 时，会多出空行，所以需将 Li 的display:none;

指定宽度，超出内容后省略显示： 先指定 width，然后：white-space:nowrap; overflow:hidden; text-overflow: clip;

垂直居中：将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)