你對css中hack和注釋書寫規範是否熟悉，這裡和大家分享一下，由於各個瀏覽器對於頁面的解釋呈視不盡相同，就需要利用css的hack來進行調整，另外說一下注釋的概念，注釋主要包括單行注釋和整段注釋。
css中hack和注釋書寫規範
一．hack書寫規範
因為不同瀏覽器對w3c標準的支援不一樣，各個瀏覽器對於頁面的解釋呈視也不盡相同，比如ie在很多情況下就與ff存在3px的差距，對於這些差異性，就需要利用css的hack來進行調整，當然在沒有必要的情況下，最好不要寫hack來進行調整，避免因為hack而導致頁面出現問題。
1、ie6、ie7、firefox之間的相容寫法：
◆寫法一：
ie都能識別*;標準瀏覽器(如ff)不能識別*；
ie6能識別*，但不能識別!important,
ie7能識別*，也能識別!important;
ff不能識別*，但能識別!important;
根據上述表達，同一類/id下的css hack可寫為：
css code複製內容到剪貼簿
.searchinput
一般三者的書寫順序為：ff、ie7、ie6.
◆寫法二：
ie6可識別「_」，而ie7及ff皆不能識別，所以當只針對ie6與ie7及ff之間的區別時，可這樣書寫：
css code複製內容到剪貼簿
.searchinput
◆寫法三：
*+html與*html是ie特有的標籤,firefox暫不支援。
css code複製內容到剪貼簿
.searchinput
*html.searchinput/*僅ie6*/
*+html.searchinput/*僅ie7*/
遮蔽ie瀏覽器：
select是選擇符，根據情況更換。第二句是mac上safari瀏覽器獨有的。
css code複製內容到剪貼簿
*:lang(zh)select/*ff的專用*/
select:empty/*safari可見*/
ie6可識別：
這裡主要是通過css注釋分開乙個屬性與值，注釋在冒號前。
select
◆ie的if條件hack寫法：
所有的ie可識別：
onlyie
只有ie5.0可以識別:
onlyie5.0
ie5.0包換ie5.5都可以識別:
onlyie5.0+
僅ie6可識別:
onlyie6-
ie6以及ie6以下的ie5.x都可識別:
onlyie6/+
僅ie7可識別:
onlyie7/-
2、清除浮動：
在firefox中，當子級都為浮動時，那麼父級的高度就無法完全的包住整個子級，那麼這時用這個清除浮動的hack來對父級做一次定義，那麼就可以解決這個問題。
css code複製內容到剪貼簿
select:after
二．注釋書寫規範
1、行間注釋：
直接寫於屬性值後面，如：
css code複製內容到剪貼簿
.search
2、整段注釋：
分別在開始及結束地方加入注釋，如：
css code複製內容到剪貼簿
/******搜尋條******/
.search
/******搜尋條結束******/
CSS 書寫規範
本文是參考了css森林中的規範，並結合之前幾個專案積累所書寫的乙個基本規範。不敢說是原創，所以鄭重感謝一下css森林。同時，本文件也處於持續改進中。1.基本 css檔案中，選擇器書寫按照 標籤 標籤偽類 id 類 覆蓋 排序，同一型別寫在一起 進行覆蓋時，也按照這樣乙個順序。css定義中，屬性的書寫...
css書寫規範
1.位置屬性 position,top,right,z index,display,float等 2.大小 width,height,padding,margin 3.文字系列 font,line height,letter spacing,color text align等 4.背景 backgr...
css書寫規範
1.位置屬性 position,top,right,z index,display,float等 2.大小 width,height,padding,margin 3.文字系列 font,line height,letter spacing,color text align等 4.背景 backgr...