html5新增语义化标签
header 头部标签
nav 导航栏标签
article 内容标签
section 某一块区域,相当于大号div
aside 侧边栏
footer 尾部标签
多媒体标签
视频标签video:MP4,webm,ogg,尽量使用MP4
属性:
autoplay:自动播放
muted:静音播放
contrls:播放控件
loop:循环播放
preload:预加载
poster:预加载等待的图片
音频标签:audio:MP3,wav,ogg,建议使用MP3格式
属性:
autoplay:自动播放
muted:静音播放
contrls:播放控件
loop:循环播放
input:新增属性
url
data
tel 电话
number 数量
search 搜索框
color
表单属性:
required:内容为空,必填项
placehold:提示文本
autofocus:自动获取焦点
autocomplete
mulitple 多文件
css3新增特性
1.属性选择器 权重是10
E[att] 选中具有att属性的E元素
E[att=value/text] 选中att属性值为value的E元素(常用重点)
E[att^=xxx]选中att属性为XXX开头的E元素
E[att$=xxx]选中att属性为XXX结尾的E元素
E[att*=xxx]选中att属性具有xxx的所有E元素
2.结构伪类选择器 权重是10
E:first-child 选中父元素中第一个E元素
E:last-child 选中父元素中最后一个E元素
E:nth-child(n)选中一个或多个元素 n表示某一个元素,odd或者even表示奇数或者偶数,也可以写公式,2n+1
E:first-of-type:选中父元素选中第一个E元素,和first-child的区别在于,first-child会先看父元素中第一个孩子,而first-of-type:会找父元素中复合第一个孩子为E的元素
3.伪元素选择器 权重是1
伪元素通过css创建出来的子元素。在文档树看不到的,是一个行内元素
::before在元素内部的前面插入
::after 在 元素内部后面插入
过渡
transition:谁过渡给谁加