CSS是一種用于控制網頁外觀的語言。使用CSS可以更改HTML元素的屬性,例如顏色、字體、大小、位置等。
CSS通過選擇器選擇HTML元素,然后將屬性應用于這些元素。可以使用不同類型的選擇器,例如類選擇器、ID選擇器、元素選擇器等。
在CSS中,可以設置許多HTML屬性,例如文本屬性、背景屬性、邊框屬性、布局屬性等。下面是關于CSS設置HTML屬性的一些示例:
/* 設置文本屬性 */ p { color: red; /* 設置文本顏色為紅色 */ font-size: 16px; /* 設置字體大小為16像素 */ font-family: Arial, sans-serif; /* 設置字體為Arial或sans-serif */ } /* 設置背景屬性 */ body { background-color: #f0f0f0; /* 設置頁面背景顏色為灰色 */ background-image: url(bg.jpg); /* 設置背景圖像 */ } /* 設置邊框屬性 */ div { border: 1px solid black; /* 設置黑色1像素實線邊框 */ border-radius: 5px; /* 設置圓角半徑為5像素 */ } /* 設置布局屬性 */ .container { display: flex; /* 設置flex布局 */ justify-content: center; /* 設置元素水平居中 */ align-items: center; /* 設置元素垂直居中 */ height: 100vh; /* 設置元素高度為視口高度 */ }
通過以上示例,可以看出CSS設置HTML屬性的方法及其作用。使用CSS可以讓頁面更加美觀、易讀、易用。