在編寫CSS樣式表時,我們經常需要為某些HTML元素設置默認樣式。這些元素是在網頁中經常出現的,比如p、h1、h2、ul、li等等。為了避免每次都為這些元素的樣式重復編寫CSS代碼,我們可以使用CSS的默認樣式。
/* 為p元素設置默認樣式 */ p { font-size: 16px; line-height: 1.5; color: #333; margin: 0; padding: 0; }
在上面的代碼中,我們為p元素設置了默認樣式。這樣,在網頁中出現的所有p元素都會應用這些默認樣式。其中,我們設置了字體大小為16像素,行高為1.5倍,顏色為#333,外邊距和內邊距都為0。
除了為單個元素設置默認樣式外,我們還可以為多個元素設置默認樣式。例如,我們可以為p、h1、h2、ul、li等元素設置相同的默認樣式:
/* 為p、h1、h2、ul、li等元素設置默認樣式 */ p, h1, h2, ul, li { font-size: 16px; line-height: 1.5; color: #333; margin: 0; padding: 0; }
在上面的代碼中,我們使用逗號分隔了多個元素,為它們設置了相同的默認樣式。
需要注意的是,如果我們在HTML中為元素指定了樣式,那么這些樣式會覆蓋默認樣式。例如,如果我們在某個p元素上設置了字體大小為20像素,那么這個元素的字體大小會變成20像素,而不是默認的16像素。
綜上所述,使用默認樣式可以幫助我們快速地為多個元素設置相同的樣式,提高CSS代碼的復用性和可維護性。