css 樣式的兩種引用方式:
1.
body{margin-left:30px; margin-right: 15px; background-color :#ffffff }
h1,h2{text-align:center;}
2..attention{ front-weight:bold;}
用粗體顯示所有class屬性爲:“attention”的標記。
3.
聯合使用
p.attention{color :red;}
表示在P中有class =“attention”屬性時除了用粗體顯示以外,還應該用紅色顯示。
4.除了class以外還用應用在指定id屬性的元素規則。
#p1{visibility: hidden}
上列中是用於隱藏id爲p1的元素。
層疊次序
當同一個 HTML 元素被不止一個樣式定義時,會使用哪個樣式呢?
一般而言,所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中,其中數字 4 擁有最高的優先權。
- 瀏覽器缺省設置
- 外部樣式表
- 內部樣式表(位於 <head> 標籤內部)
- 內聯樣式(在 HTML 元素內部)
因此,內聯樣式(在 HTML 元素內部)擁有最高的優先權,這意味着它將優先於以下的樣式聲明:<head> 標籤中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。