CSS是一種層疊樣式表,它可以為HTML文檔中的元素添加樣式,比如字體顏色、背景顏色、間距、邊框等等。在CSS中,可以通過選擇器來選擇一個或一組元素,然后為它們添加樣式。
/* 為id為header的標簽添加樣式 */ #header { font-size: 24px; color: #333; background-color: #ccc; padding: 20px; border: 1px solid #999; } /* 為class為box的標簽添加樣式 */ .box { font-size: 18px; color: #444; background-color: #eee; margin: 10px; padding: 10px; border: 2px dashed #999; } /* 為元素選擇器添加樣式 */ p { font-size: 16px; line-height: 1.5; } /* 為鏈接添加樣式 */ a { color: blue; text-decoration: none; } /* 為偽類添加樣式 */ a:hover { color: red; text-decoration: underline; }
上面的代碼中,#header表示id為header的標簽,.box表示class為box的標簽,p表示元素選擇器,a:hover表示鏈接的偽類。在選擇器后面的花括號中,可以添加任意的CSS樣式,多個樣式之間用分號隔開。
CSS的選擇器還有很多種,比如元素關系選擇器(選擇父元素、子元素、兄弟元素等等)、屬性選擇器(選擇有特定屬性的元素)、偽元素選擇器(選擇元素的某個部分,比如first-letter、before、after等等)等等。掌握這些選擇器可以幫助我們更好地控制頁面中的元素。
下一篇css給點擊樣式