1. CSS语法格式
语法格式由选择器和声明构成,其中选择器也叫选择符。这里的声明由键值对以属性:值
的形式,多个声明之间使用分号分割。
选择器{
声明1;
声明2;
...
}
举一个例子:
h1{
color:red;
font-size:14px;
}
2. CSS高级语法
选择器分组:多个元素加入同一个样式
h1,h2,h3{
color:red;
}
继承:当父元素声明了一些样式后,则父元素作为容器,其子元素也都继承了该特征样式。例如,在body中声明body{color:red}
,则正文中默认其他元素也有这个特征。除非在子元素中再次进行覆盖。
3. 确定选择器
3.1 CSS派生选择器
根据元素在其位置的上下关系来定义样式
ul li{
color:red
}
3.2 Id选择符
- 定义Id选择符:可以直接使用如下格式:
#id名{样式...}
- 使用:
<html 标签 id="id名">...</html 标签>
- 注意: id选择符每个名字只能在页面中使用一次
3.3 CSS类选择符
class类选择符(使用点 . 将自定义名(类名)来定义的选择符)
- 定义:
.类名{样式...}
- 使用:
<html 标签 class="类名">...</html 标签>
类选择符可以在页面上重复使用
4. 选择符的优先生效顺序
[ID选择符] → [class选择符] → [html选择符] → [html属性]