1.vido视频标签
尽量使用mp4格式,大部分浏览器都支持
| 属性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 视频就绪自动播放(谷歌需要加muted来解决自动播放问题) |
| controls | controls | 向用户显示播放控件 |
| width | px | 设置播放器宽度 |
| height | px | 设置播放器高度 |
| loop | loop | 播放完是否继续播放该视频,循环播放 |
| preload | auto(预先加载视频) none(不应加载视频) |
规定是否预加载视频(如果有了autoplay) 就忽略该属性 |
| src | url | 视频url路径 |
| poster | imgurl | 加载等待画面图片 |
| muted | muted | 静音播放 |
考虑兼容性问题:
2.audio音频标签
同视频属性一致
音频不可以使用muted属性来静音播放(可通过JavaScript解决)
3.input表单新增属性
重点:number Tel search
4.新增的表单属性
改变提示信息的颜色
5.C3新增伪元素选择器(important)
| 选择符 | 简介 |
|---|---|
| ::before | 在元素内部的前面插入内容 |
| ::after | 在元素内部的后面插入内容 |
注意:
- before和after创建一个元素,但是属于行内元素
- 新创建的这个元素在文档树中是找不到的,所以称为伪元素
- 语法:element::before{}
- before和after必须有content属性
- before在父元素内容的前面创建元素,after在父元素内容的后面插入元素
- 伪元素选择器和标签选择器一样,权重为1

5.C3新增伪元素选择器(important)
