CSS用.引用
CSS(層疊樣式表)是設(shè)計(jì)和開發(fā)網(wǎng)站的必不可少的技術(shù)之一。當(dāng)我們使用CSS時(shí),我們通常會(huì)涉及到不同的選擇器和屬性,但對(duì)于仔細(xì)觀察的人來說,你可能會(huì)看到類似這樣的代碼:.class-name { property: value; }。這被稱為“使用.引用”技術(shù),它是指使用一個(gè)點(diǎn)來標(biāo)識(shí)一個(gè)類選擇器。
類選擇器是為了給HTML中一組元素提供相同的屬性,我們可以使用它們來定義樣式。.class-name就是這個(gè)類選擇器的名稱,它可以任意命名,但是在有多個(gè)樣式表的時(shí)候,它的名稱必須是獨(dú)特的。
舉例來說,如果我們想給網(wǎng)站中所有的h2標(biāo)題設(shè)置相同的字體樣式,我們可以這樣做:
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
}
但是如果我們只想給某些特定的h2標(biāo)題設(shè)置相同的樣式,我們可以為它們添加一個(gè)類名,并使用.引用來標(biāo)識(shí)這個(gè)類,就像這樣:
這里是一個(gè)特定的標(biāo)題
然后,在我們的樣式表中,我們可以這樣定義這個(gè)類: .class-name { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; } 這樣,只有擁有class="class-name"的h2標(biāo)題才會(huì)應(yīng)用這個(gè)樣式,其他的h2標(biāo)題則不會(huì)受到任何影響。 總結(jié)一下,CSS用.引用技術(shù)是很常見的,它允許我們?yōu)椴煌腍TML元素提供不同的樣式。如果你還沒有使用過這種技術(shù),那么現(xiàn)在是學(xué)習(xí)的最佳時(shí)機(jī)了!h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; } .class-name { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }