H5新标签

新的元素标签

有 article (用于定义文章) 、 aside (定义页面关联度不高的内容) 、 datalist (定义列表项) 、 datails (定义一小块区域，有open默认打开、summary默认文字内容) 、 figure (包含一块图片信息，有figcaption 标签添加图片) 、 section (可以将section当成div去使用) 、 header (头部) 、 main (主体) 、** footer** (页脚)、nav (导航条) 、 mark (标记文字) 、 time (时间) 、 embed (嵌入的外部内容) 、** progress** (进度条) 、 output (输出内容)等标签

其中与span标签作用差不多的有：

mark 、 time 、 embed 、 progress 、 output标签。

其中，progress标签是进度条，不过太丑……

其中与div标签相似的有：

有article 、 aside 、 datalist 、 datails 、 figure 、 header 、 nav 、 main 、 footer

新的表单元素

新增的常用表单元素有：

date(年月日) 、 time(时分) 、 week(周) 、 month(月) 、 Email(邮件) 、 url(网址) 、 number(数字) 、 range(范围) 、 color(颜色)

新增属性有：提示文字(placeholder) 、 必填属性(required) 、 多选(multiple)

CSS3选择器
选择器一：

• [id*=div]只要包含div就会被选择到

• [id^=div]以div开头的标签会被选中

• [id$=div]以div结尾的标签

• :root 给根元素添加样式

• div*:not(h1) 给div标签下的除了h1标签添加样式:empty 给没有内容的标签添加样式

• :target 给页面添加跳转样式，多用于描点跳转

选择器二：

• li:first-child 给第一个元素添加样式

• li:last-child 给最后一个元素添加样式

• li:nth-child(3) 给第三个元素添加样式

• li:nth-last-child(3) 给倒数第三个添加样式

• li:nth-child(odd) 给奇数的li添加样式

• li:nth-child(even) 给偶数的li添加样式

• li:nth-child(2n+1) 给第2n+1个li添加样式

• h2:nth-of-type(odd) 给偶数的h2添加样式，值计算h2标签

• li:only-child 当只有一个列表项目时才添加样式

选择器三：

组合选择器：div~p 处于统一父级元素中的p元素添加样式

伪元素选择器

• p::first-line 给元素第一行添加样式

• p::first-letter 给元素中的第一个字符添加样式

• p::after 在元素最后添加样式

• p::before 在元素最前面添加样式

伪类选择器

• :hover 鼠标划过

• :target 鼠标当前活动的div

• :active 鼠标按下