CSS3新增选择器
子级选择器
子级选择器用于选取带有特定父元素的元素
书写语法：element1>element2
注意：如果element2元素不是父元素element1的直接子元素，则不会被选择。
符号之前书写父级的选择器，>符号之后写自己选择器，必须满足父子关系才能选中标签
兄弟选择器
相邻兄弟选择器
相邻兄弟选择器可以用于选择紧接在另一个元素后的兄弟元素，而且二者有相同的父元素
书写语法：E1+E2
注意：
选中的是紧跟在E1之后的同级元素E2
只能选中紧跟在后面的一个E2元素
二者有相同的父元素
+符号前后可以添加空格书写
其他兄弟选择器
其他兄弟选择器匹配同一个父元素中在element1后面的所有element2元素
书写语法：E1~E2
注意：
选择element1之后出现的所有element2
两种元素必须拥有相同的父元素，但是element2不必直接紧随element1
~符号前后可以添加空格书写
结构伪类选择器
nth-child(n)
- n可以是数字，关键字和公式
- n如果是数字，就是选择第n个
- 常见的关键词even偶数odd奇数
E:nth-child(n)和E:nth-of-type(n)的区别
E:nth-child(n)匹配父元素的第n个子元素E，同时需要满足两个条件
E:nth-of-type(n)匹配同类型中的第n个同级兄弟元素E，会忽视其他同级的非同类型元素
属性选择器
CSS3盒模型
css3中可以通过box-sizing来指定盒模型，这样我们就可以设置如何计算一个元素的总宽度和总高度
content-box标准模式
Standard模式：标准模式中，盒子总体大小为width（height）+padding+border，内容区域是width和height部分。
border-box怪异模式
Quirks模式：怪异模式中，盒子总体大小为width和height，添加了padding和border后，内容区域会收缩。
CSS3边框圆角属性
属性名：border-radius
作用：设置边框的圆角
属性值：可以是像素值，或者百分比，百分比参考的是盒子整体宽度、高度的百分比。
CSS3文字阴影
CSS3中，text-shadow可向文本应用阴影。通过属性值能够规定水平阴影、垂直阴影、模糊距离，以及阴影的颜色
属性值
h-shadow：必需；水平阴影的位置，允许负值
v-shadow：必需；垂直阴影的位置。允许负值
blur：可选。模糊的距离
color：可选。阴影的颜色
text-shadow属性向文本添加阴影，属性值有2-3长度个值和一个可选的颜色值进行规定，省略的长度是0
多层阴影
text-shadow属性也可以向文本添加多个阴影，逗号分隔多个阴影的属性值
注意：多阴影中，先写的阴影压盖在后写的阴影上
边框阴影
边框阴影语法
box-shadow属性向盒子添加阴影。属性值有2-4个长度值、可选的颜色值以及可选的inset关键词来规定，省略的长度是0.
多层阴影
box-shadow属性也可以向盒子添加多个阴影，逗号分隔多个阴影的属性值。
注意：多阴影中，先写的阴影压盖在后写的阴影上。
