QueryPHP 推薦大家前端 CSS 規范，主要來自于 Discuz，還是非常不錯。 # 1. 頁面編碼 統一使用 UTF-8 編碼,用 @charset "utf-8" 指定頁面編碼。 ~~~ @charset "utf-8" ~~~ # 2. 屬性規范 屬性是 CSS 中最重要的，所以這里的規范非常重要。 ### 1：屬性寫在多行，去掉最后一個“;” ~~~ a:hover, a:focus { color: #141719; text-decoration: none } ~~~ ### 2：書寫順序 按照元素模型由外及內，由整體到細節書寫，大致分為五組： | 組名 | 屬性 | | --- | --- | | 位置 | position,left,right,float | | 盒模型屬性 | display,margin,padding,width,height | | 邊框與背景 | border,background | | 段落與文本 | line-height,text-indent,font,color,text-decoration | | 其它屬性 | overflow,cursor,visibility | ### 3：特殊瀏覽器的屬性 ~~~ -webkit-box-shadow:;-moz-box-shadow:;box-shaow:; ~~~ ### 4：L-V-H-A 順序 > link :visited :hover :active書寫順序 L-V-H-A，速記：LoVe（喜歡）HAte（討厭） # 3. CSS Hack 避免使用各種 CSS Hack，在這里統一進行書寫。 | 瀏覽器 | 書寫方式 | | --- | --- | | IE瀏覽器 | .ie-all | | Chorme | @media screen and (-webkit-min-device-pixel-ratio:0) { } | | Firefox | @-moz-document url-prefix() { } |