CSS基础语法

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选择符

1. 定义Id选择符:可以直接使用如下格式：#id名{样式...}
2. 使用： ...
3. 注意： id选择符每个名字只能在页面中使用一次

3.3 CSS类选择符

class类选择符（使用点 . 将自定义名（类名）来定义的选择符）

1. 定义： .类名{样式...}
2. 使用： ...

类选择符可以在页面上重复使用

4. 选择符的优先生效顺序

[ID选择符] → [class选择符] → [html选择符] → [html属性]