在使用CSS樣式時,我們需要注意樣式作用的順序。CSS樣式的作用順序大致可以分為以下三個階段:
第一階段:瀏覽器默認(rèn)樣式
* { margin: 0; padding: 0; } head, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote { margin: 0; padding: 0; }
在瀏覽器默認(rèn)樣式中,瀏覽器會對頁面的各個元素進行初始樣式設(shè)置,比如內(nèi)外邊距、顏色、字體等等。這些樣式通常是不符合我們的需求的,所以我們需要重寫它們。
第二階段:樣式文件中的樣式
body { background-color: #f9f9f9; font-family: Arial, sans-serif; font-size: 14px; color: #333333; } .container { width: 960px; margin: 0 auto; padding: 10px; }
在樣式文件中,我們可以通過選擇器對頁面元素進行樣式設(shè)置。當(dāng)選擇器的范圍和具體樣式的優(yōu)先級相同時,樣式會依照樣式文件中的順序進行覆蓋,越靠后的樣式會覆蓋越前面的樣式。
第三階段:行內(nèi)樣式
這是一個標(biāo)題
這是一段文字
在HTML標(biāo)簽中,我們也可以使用行內(nèi)樣式對元素進行樣式設(shè)置。與樣式文件中的樣式不同,行內(nèi)樣式具有更高的優(yōu)先級,所以它們會覆蓋樣式文件中的樣式。
總體來說,在使用CSS樣式時,我們需要注意樣式作用的順序,尤其是當(dāng)樣式存在沖突時。相比于樣式文件和行內(nèi)樣式,我們可以盡可能地使用選擇器來定義樣式,保證代碼的可讀性和易維護性。
上一篇dw 新建css格式化
下一篇css樣式制定居中