css書寫的小細節

2021-07-25 01:32:55 字數 732 閱讀 4194

css書寫的小細節:

1、名的第乙個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。

2、當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。

3、 不要在屬性值與單位之間留有空格。假如你使用 "margin-left: 20 px" 而不是 "margin-left: 20px" ,它僅在 ie 6 中有效,但是在 mozilla/firefox 或 netscape 中卻無法正常工作。

4、css 樣式的優先順序:內聯樣式

>

內部樣式

>

外聯樣式 > 瀏覽器預設設定

5、多重樣式時如何選擇樣式:

如果某些屬性在不同的樣式表中被同樣的選擇器定義,那麼屬性值將從更具體的樣式表中被繼承過來。 

例如,外部樣式表擁有針對 h3 選擇器的三個屬性:

h3

而內部樣式表擁有針對 h3 選擇器的兩個屬性:
h3

color:red;

text-align:right;

font-size:20pt;

即顏色屬性將被繼承於外部樣式表,而文字排列(text-alignment)和字型尺寸(font-size)會被內部樣式表中的規則取代。

CSS 書寫規範

本文是參考了css森林中的規範,並結合之前幾個專案積累所書寫的乙個基本規範。不敢說是原創,所以鄭重感謝一下css森林。同時,本文件也處於持續改進中。1.基本 css檔案中,選擇器書寫按照 標籤 標籤偽類 id 類 覆蓋 排序,同一型別寫在一起 進行覆蓋時,也按照這樣乙個順序。css定義中,屬性的書寫...

CSS 書寫順序

display visibility list style list style type list style position list style image position top right bottom left z index clear float width max width ...

CSS書寫順序

以前一直以為css 沒什麼可優化之處,直到前幾天看到一篇文章,用良好的css書寫習慣來寫css 這樣會提高 的閱讀體驗。css書寫順序 1.位置屬性 position,top,right,z index,display,float,clear等 2.大小 width,height,padding,m...