CSS 中,我們可以使用三種方式來設(shè)置樣式:內(nèi)聯(lián)樣式、內(nèi)部樣式和外部樣式。其中,外部樣式使用最為廣泛。下面我們來看看怎樣使用外部樣式。
<link rel="stylesheet" href="styles.css">
上面這個(gè)標(biāo)簽的意思是引用名為“styles.css”的外部樣式表。在這個(gè)文件中,我們可以定義多個(gè)選擇器和對(duì)應(yīng)的樣式,而不必在每個(gè) HTML 文件中都編寫樣式代碼。這既節(jié)省了時(shí)間,也方便了維護(hù)。
如此便可以使用 id、class 或元素選擇器,來對(duì)網(wǎng)站進(jìn)行統(tǒng)一的樣式設(shè)置。例如:
/* ID選擇器 */ #header { background-color: #333; color: white; } /* 類選擇器 */ .button { border: none; background-color: #f44336; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } /* 元素選擇器 */ p { font-family: Arial, sans-serif; }
總的來說,使用外部樣式表是一種良好的CSS實(shí)踐,推薦大家都使用。