CSS中常常會存在相同屬性的情況,例如對于多個元素需要統一設置字體大小、顏色、邊框等屬性,這時候我們就可以使用同樣的CSS屬性來設置這些元素的樣式。
p { font-size: 16px; color: #333; border: 1px solid #999; } div { font-size: 16px; color: #333; border: 1px solid #999; } span { font-size: 16px; color: #333; border: 1px solid #999; }
上面的代碼中,p、div、span三個元素都應用了相同的字體大小、顏色和邊框樣式。這種做法雖然簡單,但如果需要修改樣式,則需要修改多次,不夠方便。
為了避免代碼的重復,我們可以使用CSS類來實現相同樣式的復用。示例代碼如下:
這是一個段落
這是一個div這是一個span
上面的代碼中,我們將相同的樣式定義為一個類(class),然后在需要應用這些樣式的元素中添加相同的類名即可。
這樣做的好處是,如果需要修改樣式,則只需要修改類樣式即可,不需要修改每個元素的樣式。
上一篇設置按鈕點擊變色css
下一篇html 設置控件焦點