CSS(層疊樣式表)是一種用于控制HTML文檔樣式的語言。通過為HTML元素定義樣式規則,可以更改元素的外觀和布局。CSS樣式規則的語法格式是:
選擇器{ 屬性名:屬性值; 屬性名:屬性值; ... }
其中,選擇器指定要應用樣式的HTML元素,花括號中的代碼塊包含一組屬性-值對。每個屬性-值對用冒號分隔,多個屬性-值對之間用分號分隔。
下面是一些示例:
/*通過元素名稱選擇*/ p{ color: blue; font-size: 16px; } /*通過ID選擇*/ #header{ background-color: gray; height: 100px; } /*通過類選擇*/ .menu{ padding: 10px; font-weight: bold; } /*通過后代選擇*/ body header h1{ font-style: italic; } /*通過偽類選擇*/ a:hover{ text-decoration: underline; }
在CSS中,選擇器之間可以組合使用,以達到更精確的選擇。例如,可以使用后代選擇器選擇某個元素的后代元素,或使用子元素選擇器選擇某個元素的直接子元素。
CSS樣式規則的語法格式可以說是CSS中最基本的語法,也是最常見的語法。了解并熟練掌握這種格式,可以讓我們更好地掌握CSS的應用。
上一篇css樣式目前有多少
下一篇css樣式表 教案