外部CSS樣式表是一種非常重要的網頁編寫工具,可以讓網頁的樣式更具有一致性和易維護性。下面我們來學習一下如何使用外部CSS樣式表。
// 在HTML head中添加外部CSS樣式表 <head> <link rel="stylesheet" href="style.css"> </head>
CSS樣式表通常都是保存在外部的.css文件中,通過<link>標簽將它們與HTML文檔鏈接起來,從而在網頁上應用CSS樣式。
下面是一個簡單的CSS樣式表,用于設置所有段落的字體為16像素的黑色字體。
p { font-size: 16px; color: #000; }
以上代碼表示選擇所有<p>標簽,設置它們的字體大小為16像素,顏色為黑色。
除了可以為所有<p>元素設置樣式外,我們還可以針對某些具有相同類名或標簽名的元素設置樣式。
例如,以下代碼將所有類名為“highlight”的元素的背景色設置為黃色:
.highlight { background-color: yellow; }
通過以上簡單的外部CSS樣式表的使用,我們可以為網頁添加更加美觀和具有風格特色的樣式。