Tuesday, January 18, 2011

[CSS] 瀏覽器預設樣式

每個網頁標籤,瀏覽器都會賦予標籤一些預設的css樣式,所以,當我們選擇用「繼承」的方式去改變一些標籤的樣式時,有時候會無法更動樣式,就是該標籤已經有該項目的預設樣式了,例如...
我們會用body標籤去設定一些通用的樣式,應用「繼承」的方式,讓所有的標籤具有body設定的樣式〔例如:font-family〕,但是,當我們在body設定font-size時,會發現h1、h2...等標題標籤卻仍然以放大字型的方式出現,瀏覽器預設樣式視同直接對該標籤設定CSS樣式,所以,當繼承樣式遇到直接設定的樣式時,會以直接設定的樣式較具有優先權,故,body的font-size無法改變h1...等標題標籤的font-size。

如果想了解所有的預設樣式,請參考W3C官網的網站
http://www.w3.org/TR/CSS21/sample.html

No comments:

Post a Comment