一、学习内容：
1.伪元素选择器
概念：伪元素选择器可以帮助我们利用css创建新标签元素，而不需要新增html标签，从而简化html的结构
注意：before和after创建的元素是行内元素
创建的元素我们在html的结构树里面找不到，所以叫做伪元素
before和after必须有content属性
before是在父元素内容的前面创建元素，after是在父元素内容的后面插入元素
伪元素选择器和元素选择器的权重一样，都是1
2.css的过渡
概念：过渡可以在不使用flash或者js的前提下可以从一种样式转换为另一种样式的效果（IE9以下版本不支持）
语法：transition：要过渡的属性 花费的时间 运动曲线 何时开始；
要过渡的属性：想要变化的css属性，可以是宽度高度、背景颜色、内外边距等等，如果想要变化所有的属性，那么直接写一个all就可以了。
花费的时间：单位是秒，必须写单位，例如0.5s
运动曲线：默认值是ease（可以省略）
何时开始（可以省略）：单位是秒，必须要写单位，可以设置延迟出发的时间，默认是0s
3.css3的2D转换
属性：transform
属性值：translate（2D的位移）
特点：
translate不会影响其他元素的位置（和相对定位类似）
translate的值如果是百分比，就代表移动的距离是相对于元素自身的宽高来决定的translate（50%， 50%）
translate对行内元素没效果
属性值：rotate（2D旋转）
使用该属性值可以对元素进行旋转设置，transform：rotate（度数）；
属性值：scale（2D的缩放）
语法：transform：scale（x，y）；里面的x轴缩放的倍数，y代表y轴缩放的倍数。
4.css3的动画制作
0%是动画的开始，100%是动画的结束，这样的规则叫做动画序列
在@keyframes中来规定css的样式，keyframes叫做关键帧
可以用百分比来规定变化发生的时间，或者用官架子from和to来规定，等同于0%-100%
|
