在編寫(xiě)網(wǎng)頁(yè)的過(guò)程中,使用CSS樣式表可以方便地對(duì)網(wǎng)頁(yè)元素進(jìn)行美化和排版。而將CSS樣式表單獨(dú)存放于外部文件中,可以提高代碼可維護(hù)性和靈活性。
要設(shè)置CSS外部樣式表,首先需要在文本編輯器中新建一個(gè)擴(kuò)展名為.css的文件。在這個(gè)文件中,可以編寫(xiě)網(wǎng)頁(yè)所需的各種樣式。例如,下面的代碼片段定義了段落文本的顏色和字號(hào):
p { color: #333; font-size: 16px; }在上述代碼中,p為選擇器,表示所有的段落元素都將應(yīng)用這些樣式。大括號(hào)內(nèi)的代碼則包含了具體的樣式定義。color屬性指定文本顏色,值為#333表示黑色;font-size屬性指定字號(hào)大小,值為16px。 然后,在HTML文檔中引用這個(gè)CSS樣式表,可以通過(guò)在標(biāo)簽內(nèi)添加標(biāo)簽實(shí)現(xiàn)。例如:在上述代碼中,href屬性指定了CSS樣式表的路徑,這里假設(shè)樣式表文件名為“style.css”,放置于與HTML文件相同的目錄下。 這樣,就完成了外部樣式表的設(shè)置。所有與選擇器匹配的HTML元素都將應(yīng)用樣式表中定義的樣式。通過(guò)這種方式,可以集中管理網(wǎng)頁(yè)的樣式,讓HTML文件更加簡(jiǎn)潔和易于維護(hù)。