外部CSS用法
外部CSS通常用于規范整個網站的樣式。使用外部CSS可以將頁面結構和樣式分離,方便維護和修改。
使用外部CSS需要在HTML文檔中引入CSS文件,使用link標簽完成引入。例如:
<link rel="stylesheet" href="style.css">
其中,rel屬性表明當前文檔與被鏈接文檔之間的關系,這里為stylesheet,表示被鏈接的文檔是樣式表; href屬性則是鏈接地址。
在CSS文件中,可以使用選擇器來選擇需要設置樣式的元素。例如,設置所有p元素的字體大小為14px:
p{ font-size: 14px; }
也可以設置特定的元素的樣式,例如設置class為red的元素的字體顏色為紅色:
.red{ color: red; }
在HTML文檔中,使用class屬性來指明需要應用的樣式:
<p class="red">這是一個紅色的段落</p>
除了class屬性,還可以使用id屬性來指定元素,選擇器為#id。使用id選擇器的元素必須在文檔中是唯一的,不可重復。
使用外部CSS要遵循一定的規范,比如必須以h1元素開頭,并含有charset元素等等,這樣才能保證樣式表被正確的鏈接和使用。