想象一下,如果不使用 CSS,網(wǎng)頁會(huì)變得多么丑陋而不易閱讀!CSS,又名樣式表,是網(wǎng)頁中用來定義樣式和布局的語言。通過 CSS,我們可以輕松地改變文字大小、顏色、行高、字體等等這些元素的樣式,同時(shí)還能定義頁面的布局和排版。
CSS 代碼的語法非常簡單,并且可以在 HTML 固有的結(jié)構(gòu)之外單獨(dú)寫出來,這意味著我們可以輕松地使用不同的樣式表控制同一網(wǎng)頁的不同部分,或根據(jù)設(shè)備不同而選用不同的樣式表。
/* 這是一個(gè)簡單的 CSS 代碼 */ body { background-color: #f6f6f6; font-family: Arial, sans-serif; } p { font-size: 16px; line-height: 1.5; color: #333; } h1 { font-size: 32px; color: #666; }
以上這段 CSS 代碼定義了網(wǎng)頁的背景顏色為淡灰色,文本字體是 Arial 或 sans-serif,定義了段落(p)和標(biāo)題(h1)的樣式。其中,p 元素的字號(hào)為 16 像素,行高為字號(hào)的 1.5 倍,顏色為深灰色;h1 元素的字號(hào)為 32 像素,顏色為淺灰色。
當(dāng)我們將這個(gè) CSS 代碼復(fù)制到網(wǎng)頁的 head 標(biāo)簽內(nèi)時(shí),所有標(biāo)有 p 和 h1 的元素都會(huì)應(yīng)用這些樣式。這樣,可以輕松地統(tǒng)一網(wǎng)頁的外觀,使其看起來更加整潔。