在CSS中,一個(gè)網(wǎng)頁(yè)通常被分成多個(gè)部分,其中header部分是頁(yè)面的頭部,即位于頁(yè)面最上面的部分。header的作用是顯示網(wǎng)站名字、標(biāo)志等重要信息,是網(wǎng)頁(yè)最重要的部分之一。以下是幾個(gè)關(guān)于header的CSS樣式:
/* 設(shè)置header的背景顏色 */ header { background-color: #3498db; color: #fff; padding: 20px; } /* 設(shè)置header內(nèi)部logo的樣式 */ header img { max-height: 100px; } /* 設(shè)置header內(nèi)部標(biāo)題的樣式 */ header h1 { font-size: 36px; margin: 0; padding: 10px 0; }
上面的代碼展示了如何設(shè)置header的背景、字體顏色和內(nèi)部元素(比如網(wǎng)站logo和標(biāo)題)的樣式。其中,header的背景顏色被設(shè)置為#3498db,即深藍(lán)色;內(nèi)部元素的樣式通過CSS選擇器分別應(yīng)用到和
標(biāo)簽上。
通過對(duì)header進(jìn)行CSS樣式的設(shè)置,可以讓頁(yè)面看上去更加美觀、清晰,并展示出網(wǎng)站的品牌特色。因此,對(duì)header的設(shè)計(jì)和樣式設(shè)置非常重要,需要仔細(xì)斟酌。