使用外部CSS文件可以讓網站的樣式更加統一,方便維護。在HTML中,我們可以使用標簽引用外部的CSS文件。下面是具體的步驟:
1. 在項目目錄中創建一個CSS文件,例如style.css。
2. 在HTML的標簽中使用標簽引用CSS文件,如下所示:來測試樣式是否生效,如下所示:
其中,rel屬性表示關系,type屬性表示文檔類型,href屬性表示CSS文件的路徑。 3. 在CSS文件中編寫樣式規則。例如,我們可以將標題的顏色設為紅色,如下所示:<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
其中,h1表示標題,color表示顏色,red表示紅色。將這段代碼保存到style.css文件中。 4. 在HTML中使用標題標簽h1 {
color: red;
}
來測試樣式是否生效,如下所示:<h1>Hello, world!</h1>
這時候我們打開瀏覽器,應該可以看到標題的顏色已經變成了紅色。
使用外部CSS文件可以使我們的網站樣式更加規范化,管理起來也更加方便。在開發中,我們通常會將樣式規則分別寫到不同的CSS文件中,然后使用標簽引用這些文件。這樣可以讓我們的樣式代碼更加清晰易懂,也方便后期維護和修改。
<h1>Hello, world!</h1>