CSS 外聯(lián)式是一種將樣式表與 HTML 文檔分開存儲的方式，它可以提高網(wǎng)頁的加載速度和可維護(hù)性，在 CSS 外聯(lián)式中，樣式表被存儲在一個單獨的 .css 文件中，然后通過 HTML 文檔的 <link> 元素引入到頁面中。
使用 CSS 外聯(lián)式，需要遵循以下步驟：
1、創(chuàng)建樣式表文件：我們需要創(chuàng)建一個包含各種樣式規(guī)則的 .css 文件，我們可以創(chuàng)建一個名為 styles.css 的文件，并在其中定義一些樣式規(guī)則。
2、引入樣式表文件：我們需要在 HTML 文檔中引入這個樣式表文件，這可以通過在 HTML 文檔的 <head> 部分添加 <link> 元素來實現(xiàn)。
<head> <link rel="stylesheet" href="styles.css"> </head>
在上面的代碼中，rel="stylesheet" 表示這個鏈接是一個樣式表文件，href="styles.css" 則指定了樣式表文件的位置。
3、應(yīng)用樣式：一旦樣式表文件被引入到頁面中，我們就可以在 HTML 元素中使用定義的樣式規(guī)則了，我們可以使用class 屬性來指定一個元素應(yīng)用哪個樣式規(guī)則：
<div class="my-class">This is a div element with a custom style.</div>
在上面的代碼中，class="my-class" 表示這個 div 元素應(yīng)用名為my-class 的樣式規(guī)則。
通過以上步驟，我們就可以使用 CSS 外聯(lián)式來管理網(wǎng)頁的樣式了，這種方法可以提高網(wǎng)頁的加載速度和可維護(hù)性，因為樣式表文件可以被瀏覽器緩存，并且當(dāng)樣式規(guī)則發(fā)生變化時，只需要修改一個文件即可，而不需要逐一修改每個 HTML 文檔。
