CSS樣式定義是用于定義網頁布局、樣式和外觀的代碼。在HTML頁面中,CSS樣式定義可以用于控制頁面元素的顏色、字體、大小、位置和其他屬性。通過定義CSS樣式,可以讓網頁更加美觀、易于閱讀和維護。
CSS樣式定義由以下部分組成:
1. 屬性(Properties):屬性是CSS樣式定義的核心,用于描述網頁元素的屬性值。例如,顏色、字體、大小等。每個屬性都有一個唯一的名稱和值,例如:
```
color: #FF0000;
font-size: 18px;
```
上面的代碼定義了一個顏色為紅色、字體大小為18像素的元素屬性。
2. 選擇器( selectors):選擇器是用于選擇HTML元素的標簽。例如,在下面的代碼中,`<p>`標簽是選擇器,用于選擇段落元素:
```
p {
color: #FF0000;
font-size: 18px;
```
3. 類(Class):類是用于給元素添加屬性的方法。例如,下面代碼將創建一個名為“Hello”的類,該類將定義一個紅色背景和一個字號為16像素的字體:
```
.Hello {
color: #FF0000;
font-size: 16px;
```
上面的代碼創建了一個名為“Hello”的類,該類將定義一個紅色背景和一個字號為16像素的字體。在瀏覽器中,當用戶點擊一個“Hello”元素時,該元素的顏色和字體將自動根據類的屬性值進行調整。
4. 樣式(Style):樣式是用于控制元素樣式的代碼??梢允褂妙?、選擇器和屬性來定義樣式。例如,下面代碼將定義一個紅色的背景和一個字號為18像素的字體,并將其應用于一個元素:
```
.hello {
background-color: #FF0000;
font-size: 18px;
```
上面的代碼定義了一個名為“hello”的類,該類將定義一個紅色的背景和一個字號為18像素的字體。通過使用樣式,可以自定義元素的樣式,使其與特定的樣式定義相匹配。
CSS樣式定義是由屬性、選擇器、類和樣式組成的。通過定義這些元素,可以讓網頁更加美觀、易于閱讀和維護。