HTML5和CSS3

2.

3.多媒体播放
①embed 标签嵌入内容
②audio 音频
③video 视频
（autoplay 自动播放 controls是否显示不播放控件 loop循环播放）

4.伪类选择器
①：first-child
②：last-child
③：nth-child(n)
④：nth-child（even偶数 odd奇数）

5.目标伪类选择器
：target{
}
6.属性选择器
div[class^font]{
表示font开始位置就行了
}
div[class$=footer]{
表示footer结束位置就行了
}
div[class*=tao]{
表示tao再任意位置都可以
}

7.伪元素选择器
div::befor {
content:“开始”;
}
div::after {
content:“结束”;
}
（伪元素:before和:after添加的内容默认是inline元素**；这个两个伪元素的content属性，表示伪元素的内容,设置:before和:after时必须设置其content属性，否则伪元素就不起作用。）

8.背景缩放（background-size）
①可以设置长度单位(px)或百分比（设置百分比时，参照盒子的宽高）
② 设置为cover时，会自动调整缩放比例，保证图片始终填充满背景区域，如有溢出部分则会被隐藏。我们平时用的cover 最多
③ 设置为contain会自动调整缩放比例，保证图片始终完整显示在背景区域。

9.多背景 （用逗号隔开即可）

10.盒模型（CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变）
①box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，其让元素维持W3C的标准Box Mode
②box-sizing: border-box 盒子大小为 width 就是说 padding 和 border 是包含到width里面的
（注：上面的标注的width指的是CSS属性里设置的width: length，content的值是会自动调整的）

11.过渡
transition: 要过渡的属性 花费时间 运动曲线（默认是 “ease”） 何时开始;
（如果有多组属性变化，还是用逗号隔开 all代表所有）

12.2D（transform）
①移动 translate(x, y)
也可以translateY()
②缩放 scale(x, y)
scale()的取值默认的值为1，当值设置为0.01到0.99之间的任何值，作用使一个元素缩小；而任何大于或等于1.01的值，作用是让元素放大
③旋转 rotate(deg)
④transform-origin可以调整元素转换变形的原点
⑤倾斜 skew(deg, deg)

13.3D
①rotateX()
②透视(perspective)
③translateX(x)
④translate3d(x,y,z)
⑤backface-visibility
backface-visibility 属性定义当元素不面向屏幕时是否可见

14.动画（animation）
①animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向;
②@keyframes 动画名称 {
from{ 开始位置 } 0%
to{ 结束 } 100%
}
③ifinite 无限循环 paused 暂停动画 alternate 往返播放
15.伸缩布局（flex）
16.文字阴影
text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;