CSS 是一種用于修飾 HTML 頁(yè)面的樣式表語(yǔ)言，其外聯(lián)方式有多種。在本文中，我們將介紹如何通過外聯(lián) CSS 文件來(lái)為 HTML 文檔添加樣式。
首先，創(chuàng)建一個(gè) CSS 文件，將文件命名為“style.css”或你喜歡的其他名稱，將文件保存在與 HTML 文件相同的目錄下。然后，在 HTML 文件中使用 link 標(biāo)簽將 CSS 文件與 HTML 文檔關(guān)聯(lián)起來(lái)。link 標(biāo)簽通常放置在 HTML 文檔的 head 標(biāo)簽中。示例代碼如下：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在 link 標(biāo)簽中，rel 屬性指定關(guān)聯(lián)的文件類型為樣式表，type 屬性指定文件的 MIME 類型為 text/css。href 屬性指定 CSS 文件的路徑。通常，.css 擴(kuò)展名的 CSS 文件將被識(shí)別為樣式表文件。
現(xiàn)在，我們可以在 CSS 文件中編寫樣式規(guī)則。示例代碼如下：
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
h1 {
color: #333;
font-size: 24px;
font-weight: bold;
margin-top: 20px;
}在上述例子中，我們定義了兩個(gè)樣式規(guī)則，一個(gè)是應(yīng)用于頁(yè)面的 body 元素，另一個(gè)是應(yīng)用于 h1 元素。該規(guī)則包括了元素的樣式定義，例如背景顏色、字體、字號(hào)、行高、顏色、字重和上邊距等。
最后，在 HTML 文件中使用對(duì)應(yīng)的標(biāo)簽，將樣式應(yīng)用于頁(yè)面元素。示例代碼如下：
<body> <h1>這是一個(gè)標(biāo)題</h1> <p>這是一段文本</p> </body>
在上述例子中，頁(yè)面中的 h1 和 p 元素將應(yīng)用與其相對(duì)應(yīng)的樣式規(guī)則。通過這種方式，我們可以輕松地通過外聯(lián) CSS 文件來(lái)為 HTML 文檔添加樣式，實(shí)現(xiàn)更加美觀和易于閱讀的頁(yè)面效果。