复合选择器
后代选择器：空格
选择器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 轴）平铺
