在HTML5中，我們不僅可以使用內(nèi)聯(lián)樣式和內(nèi)部樣式表來為網(wǎng)頁添加樣式，還可以通過引入CSS文件來實現(xiàn)樣式的集中管理。
<!DOCTYPE html> <html> <head> <title>引入CSS文件的示例</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>這是一個示例</h1> <p>這是一個段落</p> </body> </html>
上面的代碼中，我們使用了<link>標(biāo)簽來引入名為“styles.css”的CSS文件，該文件同HTML文件在同一目錄下。使用<link>標(biāo)簽可以將CSS代碼從HTML代碼中分離出來，保持代碼的整潔性，提高代碼的可讀性。在實際開發(fā)中，我們可以通過使用多個CSS文件來實現(xiàn)不同頁面的樣式，也可以通過注釋來描述CSS代碼的作用。
在CSS文件中，我們可以定義各種樣式規(guī)則，如字體、顏色、背景、布局等。以下是一個簡單的CSS文件示例：
/* 注釋：設(shè)置body元素的背景顏色為白色 */
body {
background-color: #fff;
}
/* 注釋：設(shè)置h1元素的字體為Arial，顏色為藍色 */
h1 {
font-family: Arial, sans-serif;
color: blue;
}
/* 注釋：設(shè)置p元素的行高和文本對齊方式 */
p {
line-height: 1.5em;
text-align: justify;
}以上三條樣式規(guī)則分別用于設(shè)置HTML文件中的body、h1和p元素。通過定義不同的選擇器和屬性值，我們可以實現(xiàn)各種不同的樣式效果，使網(wǎng)頁內(nèi)容更加美觀、易讀。