CSS是一種樣式表語言,用于描述網頁的樣式。它可以通過元素、類、ID等選擇器來選中網頁中的元素,然后通過樣式規則來改變元素的樣式。
CSS樣式規則由選擇器和一組屬性-值對組成。選擇器是用來選中元素的標識符,屬性-值對則是描述元素樣式的內容。
header { background-color: #333; color: #fff; height: 80px; line-height: 80px; }
上面的代碼展示了一個示例的CSS樣式規則,此規則選擇了<header>元素,然后將其背景顏色設置為#333,文字顏色設置為#fff,高度設置為80像素,行高設置為80像素。
除了上述樣式規則中的屬性外,還有許多其他的屬性可以用來描述元素的樣式。例如,字體屬性可以用來設置字體的大小、顏色、類型、粗細等。邊框屬性可以用來設置元素的邊框樣式、寬度、顏色等。
h1 { font-size: 24px; color: #333; font-weight: bold; } img { border: 2px solid #ccc; border-radius: 5px; }
上面的代碼展示了兩組樣式規則,第一組規則選中<h1>元素,將其字體大小設置為24像素,字體顏色設置為#333,字體加粗。第二組規則選中<img>元素,將其邊框設置為2像素的實線邊框,顏色為#ccc,同時給邊框添加5像素的圓角。
CSS樣式規則是構成網頁樣式的基礎。通過合理地組織和使用樣式規則,可以使網頁更加美觀、易于理解和維護。