CSS 中,我們可以使用三種方式來設置樣式:內聯樣式、內部樣式和外部樣式。其中,外部樣式使用最為廣泛。下面我們來看看怎樣使用外部樣式。
<link rel="stylesheet" href="styles.css">
上面這個標簽的意思是引用名為“styles.css”的外部樣式表。在這個文件中,我們可以定義多個選擇器和對應的樣式,而不必在每個 HTML 文件中都編寫樣式代碼。這既節省了時間,也方便了維護。
如此便可以使用 id、class 或元素選擇器,來對網站進行統一的樣式設置。例如:
/* 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實踐,推薦大家都使用。