复合选择器

后代选择器：空格

选择器1  选择器2  {css}

空格隔开的是后代，儿子孙子重孙子都被选中

子带选择器：>

根据嵌套关系，选择父元素子代中满足条件的元素

选择器语法：选择器 1 > 选择器 2  {css}

结果：在选择器 1 所找到标签的子代（儿子）中，找到满足选择器2的标签，设置样式

注意点：1. 子代只包括：儿子；2. 子代选择器中，选择器与选择器之间通过 > 隔开

并集选择器：，

同时选择多组标签，设置相同的样式

选择器用法：选择器1，选择器2 {css}

结果：找到选择器 1 和选择器 2 选中的标签，设置样式

注意点：1. 并集选择器中的每组选择器之间通过 ， 分隔

2. 并集选择器中的每组选择器可以是基础选择器或者复合选择器

3. 并集选择器中的每组选择器通常一行写一个，提高代码可读性

交集选择器

作用：选中页面中同时满足多个选择器的标签

选择器语法：选择器 1 选择器 2 {css}

结果：找到页面中既能被选择器 1 选中，又能被选择器 2 选中的标签，设置样式

注意点：1. 交集选择器中的选择器之间是紧挨着的，没有东西分隔

2. 交集选择器中如果有标签选择器，标签选择器必须写在最前面

hover 伪类选择器

作用：选中鼠标悬停在元素上的状态，设置样式

选择器语法：选择器：hover { css }

注意点：1. 伪类选择器选中的元素的某种状态

emmet 语法

举例：

背景相关属性

背景图片

属性名：background-image（bgi）

属性值：background-image：url（‘图片的路径’）

注意点：1. 背景图片中 URL 中可以省略引号

2. 背景图片默认是在水平方向和垂直方向平铺的

3. 背景图片仅仅是指给盒子起到装饰效果，类似于背景颜色。

背景平铺

属性名：background- repeat（bgr）

属性值：

repeat 水平垂直都平铺

no-repeat 不平铺

repeat-x：沿水平方向（x 轴）平铺

repeat-y：沿垂直方向（y 轴）平铺