CSS樣式表(Cascading Style Sheets)是一種用于網(wǎng)頁設(shè)計(jì)的語言,它定義了網(wǎng)頁中各個(gè)元素的外觀屬性,包括字體、顏色、邊框、背景、間距等等。CSS樣式表通常包含在HTML文檔的
標(biāo)簽中,通過標(biāo)簽引入。<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在CSS樣式表中,通常使用選擇器來指定元素,然后在一對(duì)大括號(hào)中設(shè)置屬性值,如下所示:
p { color: red; font-size: 16px; }
上面的代碼將所有的
標(biāo)簽的字體顏色設(shè)置為紅色,字體大小設(shè)置為16px。此外,CSS還支持類選擇器和ID選擇器。類選擇器使用.
符號(hào)來指定,如:
<style> .important { font-weight: bold; } </style> <p class="important">這是一段重要的文字</p>
上面的代碼將一段文字設(shè)置為粗體,其中使用了類選擇器.important
來指定該段文字的樣式。
ID選擇器使用#
符號(hào)來指定,如:
<style> #header { background-color: gray; } </style> <div id="header"> <h1>這是網(wǎng)頁的標(biāo)題</h1> </div>
上面的代碼將網(wǎng)頁中的一個(gè)元素的背景顏色設(shè)置為灰色,其中使用了ID選擇器#header
來指定該元素的樣式。