CSS的規範

1.文件

(1)文件位置:放在<meta>標籤的後面,能通過W3C的直接用link標籤。不能通過W3C即需要兼容IE的

<!--[if IE]

    <link rel="stylesheet" href="">

<![endif]-->

 (2)文件命名:包含庫名稱及版本號及是否爲壓縮版。版本號用-,引用的庫和是否爲壓縮版爲.。書寫順序爲引用的庫名稱、自己命名名稱、版本號、壓縮版本、後綴

bootstrap-1.09.min.css

2.css的新建和修改遵循的原則:

根據新建樣式的適用範圍分爲三級:全站級、產品級、頁面級。

儘量通過繼承和層疊重用已有樣式。

不要輕易改動全站級CSS。改動後,要經過全面測試。

3.css屬性顯示的順序

顯示屬性:display     visibility     list-style      position(top || right || bottom || left)     z-index      clear      float

自身屬性: widthmax-width ||min-width       heightmax-height ||min-height        overflow || clip      margin       padding        outline      border     background

文本屬性: color    font    text-overflow    text-align    text-indent    line-height    white-space    vertical-align    cursor    content

兼容多個瀏覽器時,將標準屬性寫在底部。

-moz-border-radius: 15px;/* Firefox */

-webkit-border-radius: 15px;/* Safari和Chrome */

border-radius: 15px;/* Opera 10.5+, 以及使用了IE-CSS3的IE瀏覽器 *//標準屬性

4.命名規則

比較短的詞彙或者縮寫的不允許直接定義樣式,用上級節點

限定多選擇器規則之間換行,即當樣式針對多個選擇器時每個選擇器佔一行(css選擇器是從右邊到左邊匹配)

避免使用通配規則和相鄰兄弟選擇符、子選擇符,、後代選擇符、屬性選擇符等選擇器

不要限定id選擇符,如div#header(提權的除外)

不要限定類選擇器,如ul.recommend(提權的除外)

不要使用 ul li a 這樣長的選擇符

避免使用標籤子選擇符,如#header > li > a

5.z-index值除了通用組之外不超過150

6.儘量不用css hank

7.避免使用低效的選擇器。

/* 反面示例 */

body > * {…};

ul > li > a {…};

#footer > h3 {…};

ul#top_blue_nav {…};

#searbar span.submit a { … }; 

8.減少使用影響性能的屬性。

減少在CSS中使用濾鏡表達式和圖片repeat,

尤其在body當中,渲染性能極差, 如果需要用repeat的話,

圖片的寬或高不能少於8px。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章