外部CSS樣式表是一種讓網(wǎng)站看起來更美觀、專業(yè)的方法,它能夠同步應(yīng)用于整站的所有頁面。本文將介紹如何創(chuàng)建外部CSS樣式表。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<p>這是一個段落。</p>
</body>
</html>
在此代碼中,我們向HTML文檔添加了一個外部樣式表。通過“<link>”標(biāo)記,我們將樣式表文件鏈接到HTML文檔中,并使用“href”屬性來指定樣式表文件的位置。
接下來,打開一個新文本文件,把下面的代碼復(fù)制粘貼進去:
p {
color: blue;
font-size: 16px;
}
這是一個簡單的CSS樣式,它將所有<p>標(biāo)記的文本設(shè)置成16像素的藍色字體。通過將CSS代碼存到一個單獨的文件中,我們能夠在多個頁面中重復(fù)使用。
保存該文本文件,將文件名命名為“styles.css”,確保它與HTML文檔位于同一目錄下。
現(xiàn)在,在瀏覽器中打開HTML文檔,您將看到段落已經(jīng)被添加了樣式,文字變成了藍色并且放大至16像素。
這就是如何創(chuàng)建外部CSS樣式表的基本方法。您可以隨意添加更多的樣式,并通過簡單地改變HTML文件中的鏈接來應(yīng)用到整個站點。