1. 不在body下編寫html, 而是用一個div去替代body. 可以搞定IE6 onresize重複調用問題.
2. css 選擇器的優先度相同的情況下才會比較先後順序. (選擇器優先度相加, ID 1000, 類 100, 標籤 10)
3. hack
IE property:value\9;
IE6 _property:value;
IE7 +property:value;
IE7- *property:value;
IE8+ property:value\0;
IE9 property:value\9\0;
FF property:value!important;
4. IE 容器高度不能小於字體高度
5. 空div的marin雙倍時可以將文本設定成
6. IE6-7 高度100%不好用的時候, html, body高度設定成100%;
7. 固定高度一般比百分比好用.
8. IE7下, 子元素relative時, 父元素必須relative滾動條纔會出現.
9. 當非float的元素和float的元素在一起的時候，如果非float元素在先，那麼float的元素將被排斥也就是說，你的span是float:right，但是你的a還是float:none如果要讓兩者佔據同一行，要麼你把span先於a顯示，要麼把a也設成float（float:left）
10. <a>標籤如果沒有href屬性，所有對它的css的僞類如:hover均失效。
11. @font-face {font-family:comic;src:url(http://valid_url/some_font_file.eot);}
定義一種在本地沒有的字體名稱，調用<span style="font-family:comic;font-size:18pt>aa</span>
*?? 12..net控件裏DropDownList在firefox下的寬度不着色，需要直接定義style=’width:10px;
*?? 13.iframe裏的滾動條需要在iframe標籤裏設置style=’overflow:hidden’,不能僅僅在body裏設置，在firefox會有問題。
14. IE6-8, 非標準模式下的子元素絕對(相對)定位的z-index不一定好用, 有時候得設定父元素的z-index
15.td 的white-space: nowrap;text-overflow: ellipsis;overflow: hidden;對於數字有效, 字體無效,
* 在table上設置寬度且table-layout:fixed可以解決. (chrome, IE8,sougou, firefox)