外鏈式CSS是一種將CSS代碼寫在單獨的.css文件中，并通過HTML文檔的<link>標簽引入的方式，使用外鏈式CSS可以使得HTML文檔更加簡潔、易于維護，并且可以實現(xiàn)樣式的復(fù)用和共享。
要編寫外鏈式CSS代碼，首先需要創(chuàng)建一個以.css為后綴的文件，并在該文件中編寫CSS代碼，我們可以創(chuàng)建一個名為style.css的文件，并在該文件中編寫如下代碼：
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: navy;
font-size: 24px;
}
p {
color: black;
font-size: 16px;
}上述代碼將樣式應(yīng)用于整個文檔（body），并特別指定了標題（h1）和段落（p）的樣式。
我們需要在HTML文檔中使用<link>標簽引入該CSS文件，在HTML文檔的<head>部分添加如下代碼：
<link rel="stylesheet" type="text/css" href="style.css">
上述代碼將告訴瀏覽器從style.css文件中讀取樣式信息，并將其應(yīng)用于當前HTML文檔。
使用外鏈式CSS的好處在于，我們可以將樣式代碼與HTML結(jié)構(gòu)分離，使得HTML文檔更加清晰、易于閱讀和維護，外鏈式CSS也方便了樣式的復(fù)用和共享，提高了開發(fā)效率。
版權(quán)聲明：除非特別標注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時請以鏈接形式注明文章出處。
