CSS外部導入指的是將CSS代碼寫在外部文件中,然后在HTML文件中通過link標簽將CSS文件導入到HTML中。這樣做的好處是,可以將不同的樣式代碼分別寫在不同的CSS文件中,提高代碼的可維護性和重用性。下面是外部導入CSS的步驟:
<!-- 在HTML頭部引入CSS文件 --> <link rel="stylesheet" type="text/css" href="style.css">
在上面的代碼中,rel屬性定義了文檔與鏈接之間的關系,type屬性規定了文檔的類型,href屬性指定了CSS文件的位置。在這里,style.css文件和HTML文件在同一目錄下,因此可以直接使用文件名作為href的值。
在CSS文件中,可以像內部樣式表一樣編寫CSS代碼。例如:
body { font-family: sans-serif; font-size: 16px; } h1 { color: #007bff; font-size: 24px; margin-bottom: 20px; }
這樣,所有HTML文件中的文本都將使用sans-serif字體,16px大小的字體,并且一級標題將使用藍色文字、24px大小以及20像素的下邊距。