CSS(層疊樣式表)是一種用于描述網(wǎng)頁元素樣式的語言,通過定義不同的 CSS 屬性和屬性值,可以改變 HTML 元素的顯示方式、位置和尺寸等。在 CSS 中,標(biāo)簽類型和類選擇器是兩種常用的元素選擇器,它們可以幫助我們更精準(zhǔn)地控制網(wǎng)頁中的元素。
標(biāo)簽類型選擇器是基于 HTML 中標(biāo)簽的名稱來選擇元素的,比如“p”表示段落,就可以選擇 HTML 中所有的 p 標(biāo)簽元素并應(yīng)用相應(yīng)的樣式。如下例所示:
p{ font-size: 16px; color: #666; }
上述代碼將所有的 p 標(biāo)簽元素的字號設(shè)置為 16px,顏色設(shè)置成 #666。
而類選擇器則是通過在 HTML 元素中添加 class 屬性來選擇元素的。在 CSS 中,通過 .class 的形式來指定類選擇器,如下例所示:
.red-text{ color: red; }
上述代碼定義了一個(gè)名為"red-text"的類選擇器,它將所有使用了該類的 HTML 元素的字體顏色設(shè)置為紅色。在 HTML 中,可通過以下方式來應(yīng)用該類選擇器:
<p class="red-text">這里的文字將會(huì)是紅色</p>
類選擇器可以在同一個(gè)頁面中多次使用,多個(gè)類選擇器可同時(shí)作用于同一個(gè) HTML 元素。比如下面的例子:
.big-text{ font-size: 24px; } .blue-text{ color: blue; }
<p class="big-text blue-text">這里的文字將會(huì)是藍(lán)色并且字體很大</p>
在應(yīng)用多個(gè)類選擇器時(shí),需要在 HTML 元素中按順序指定類名,用空格隔開。