新的元素标签
有 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 鼠标按下