CSS用.引用
CSS(層疊樣式表)是設計和開發網站的必不可少的技術之一。當我們使用CSS時,我們通常會涉及到不同的選擇器和屬性,但對于仔細觀察的人來說,你可能會看到類似這樣的代碼:.class-name { property: value; }。這被稱為“使用.引用”技術,它是指使用一個點來標識一個類選擇器。
類選擇器是為了給HTML中一組元素提供相同的屬性,我們可以使用它們來定義樣式。.class-name就是這個類選擇器的名稱,它可以任意命名,但是在有多個樣式表的時候,它的名稱必須是獨特的。
舉例來說,如果我們想給網站中所有的h2標題設置相同的字體樣式,我們可以這樣做:
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
}
但是如果我們只想給某些特定的h2標題設置相同的樣式,我們可以為它們添加一個類名,并使用.引用來標識這個類,就像這樣:
這里是一個特定的標題
然后,在我們的樣式表中,我們可以這樣定義這個類: .class-name { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; } 這樣,只有擁有class="class-name"的h2標題才會應用這個樣式,其他的h2標題則不會受到任何影響。 總結一下,CSS用.引用技術是很常見的,它允許我們為不同的HTML元素提供不同的樣式。如果你還沒有使用過這種技術,那么現在是學習的最佳時機了!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; }
上一篇css用div還是表格
下一篇css用rem實現自適應