CSS樣式有三種引入方式:內部樣式表、外部樣式表和行內樣式。其中,外部樣式表是將CSS樣式寫在一個單獨的文件中,利用鏈接標簽進行引用。以下是CSS外部樣式的引用方法:
<link rel="stylesheet" type="text/css" href="mystyle.css">
在上面的代碼中,rel屬性定義了鏈接文檔與當前文檔之間的關系,type屬性定義了鏈接文檔的MIME類型,href屬性定義了鏈接文檔的URL。
需要注意的是,CSS文件的后綴通常為.css,而文件名可以根據需要自定義,但是一定要確保文件名和文件路徑正確,否則無法引用。
引用外部樣式表后,可以在HTML文件中使用class或id屬性將元素與樣式表中的樣式關聯起來。例如:
<p class="red">這段文字將變成紅色</p> <div id="greenBox">這個div的背景色將變成綠色</div>
在上述代碼中,class屬性與樣式表中的class選擇器關聯,id屬性與樣式表中的id選擇器關聯。通過這種方式,可以實現對網頁整體或某一部分的樣式控制,使代碼更加簡潔、易于維護。