CSS(層疊樣式表)是一種用于定義和布局網頁元素的樣式的語言。通過 CSS,你可以控制文本的顏色、字體、大小、段落間距、行高、邊框、背景顏色等樣式效果。
p { color: red; font-size: 16px; line-height: 1.5; margin-bottom: 20px; border: 1px solid #ccc; background-color: #f5f5f5; }
上述代碼是一個比較簡單的CSS樣式表的例子。通過定義<p>(段落)元素的樣式,你可以改變所有頁面上的段落的樣式。
CSS的語法比HTML簡單,但是效果卻十分強大。它使用了一系列屬性和值來定義每一個元素的外觀,這些屬性和值可以通過多種方式進行組合和繼承。比如:
h1 { font-size: 36px; } a { color: blue; text-decoration: none; } a:hover { color: red; }
上述代碼定義了標題(<h1>)和鏈接(<a>)元素的樣式。<h1>元素的字體大小為36像素,<a>元素的字體顏色為藍色,同時不要下劃線。當鼠標懸停在鏈接上時,字體顏色會變成紅色。
CSS可以使用類(class)和id來選擇元素。類選擇器使用" . "符號,id選擇器使用 "#" 符號。比如:
.button { background-color: #008CBA; color: white; padding: 10px 20px; border-radius: 5px; } #header { background-color: #333; color: white; padding: 10px; }
上述代碼定義了一個按鈕的樣式和頁面頭部元素的樣式。class為" button "的元素會出現一個藍色背景和帶圓角的白色邊框。id為“ header ”的元素包括頁面標題和導航條,它們的背景顏色為黑色,字體顏色為白色。
CSS還有很多不同的屬性和值可以使用。你可以參考CSS手冊,學習更加高級的CSS樣式表的使用方法。
上一篇mysql最大設置