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.( 注意内容不要换行.)