兼容性問題：
計算一定要精確 要要讓內容的寬度超出我們設置的寬高，在IE6下，內容會撐開設置好的寬高；；
在IE6元素浮動，如果寬度需要內容撐開，就給裏面的塊元素都加浮動；
在IE6，7下元素要通過浮動並在一行，就給這行元素都加上浮動；
注意標籤嵌套規範；
IE6下最小高度問題，在IE6下元素的高度小於19px時，遊覽器會將其當做19px來處理，接解決辦法：overflow：hidden；
1 px dotted在IE下不支持；至少大於等於2px；解決辦法 截圖片 平鋪；
在IE6下解決margin傳遞要觸發haslayout，在IE6下父級有邊框的情況下，子元素的margin值消失了，解決辦法還是去觸發haslayout，儘量觸發haslayout寫上zoom：1；
IE6下雙邊距問題margin值，在IE6下，塊元素有浮動或橫向的margin值會被放大成兩倍，解決辦法：display:inline;
margin-right 一行右側第一個元素有雙邊距，margin-left 一行左側第一個元素有雙邊距；
在IE6,7下，li本身沒浮動，但li的內容有浮動，li下邊就會產生一個間隙，解決辦法：1.給li加浮動 2.給li加垂直的對其方式vertical-algin:top;
在IE6下最小高度問題，和li的間隙問題共存的時候，給li加浮動；
當一行子元素佔有的寬度之和和父級的寬度相差3px，或者不滿行狀態的時候，最後一行子元素的下margin在IE6下就會失效
IE6下的文字溢出BUG，子元素的寬度和父級的寬度相差小於3px的時候，兩個浮動元素中間有註釋或者內嵌元素，解決版本：用div將註釋和內嵌元素包起來
當浮動元素和絕對定位元素是並列關係的時候，在IE6下絕對元素會消失，解決辦法：給定位元素外面包個div
在IE6，7下，子元素有相對定位的話，父級的overflow就包不住子元素了，解決辦法：給父級也加相對定位；
在IE6下絕對定位元素的父級寬度時奇數的時候，元素的right值和bottom值會有1px的偏差。
不要給Tbody和Thead 加樣式，IE6下不兼容；
在IE6，7下輸入類型的表單控件上下各有1px的間隙；解決辦：給input加浮動；
在IE6，7下輸入類型的表單控件加border：none；無效果；解決辦法給input重新加背景
在IE6，7下輸入類型的表單控件輸入文字的時候背景圖片會跟着一塊移動；解決辦法：加給父級，清除自己的background：none，父級寬度和自己寬度相同;
IE6下png圖片拼接問題，會將透明圖片變成不透明，使用JS來進行處理；
在IE6下沒在important 後加同一樣的樣式，會破壞掉important的作用，按照默認的優先級順序來走；
在IE6下用margin的負值 超出父級的部分都會被屏蔽掉,可以採用定位元素來處理
a標籤的僞類才全兼容
元素的寬度由內容撐開
display:inline;
display：inline-block；
float
position:absolute
position:fixed 不兼容
border-radius:10px 圓角
百萬級別訪問量的問題：
css精靈 減少網站圖片的返回請求次數