HTML5新增标签与CSS3新增属性及选择器

HTML5新增标签：

头部：<header>,导航：<nav>,内容/主要部分：<main>,
底部：<footer>,音频播放：<video>,画布：<canvas>,
内容组合：<hgroup>,文章，独立内容块：<article>,
非正文，侧边栏：<aside>,区块，章节：<section>,
图文组合：<figure>,对图片的描述：<figcaption>,
细节内容块：<details>,度量尺：<meter>,
时间日期：<time>,标记文本：<mark>,
进度条：<progress>,音标，注释：<ruby>,
数据列表/拥有输入功能的下拉列表子元素>ouput,配合input使用：<datalist>

CSS3新增属性：

表单属性类型：

color:拾色器
email:邮箱
number:数字
tel:电话
url:网址
search:搜索
range:范围
data:日期

文本属性：

文本阴影：text-shadow:方向（left）;
文本溢出：text-overflow:hidden;
单词换行：worf-wrap:break-word;
自定义字体：@font-face{
	font-family:bold;
}

背景属性：

背景尺寸：background-size:50%;
背景的定位区域：background-origin:padding-box;/content-box;/border-box;
背景在容器的定位区域的定位：backgorund-position:top;
背景剪裁，最终显示的区域：background-clip:padding-box;/content-box;/border-box;

边框属性：

	边框阴影： box-shadow:x-offset(方向)/1px
	边框图片： border-inage-source:url()
	边框圆角： border-radius:50px;

渐变属性：

	gradient
		线性渐变：background:linear-gradient;
		background:gradient(linear,起点，终点,from(初始颜色),to(改变到什么颜色));
		
		径向渐变： radial-gradient
		background:radial-gradient(圆心取值，数值0-100%,方向);

		重复渐变： repating-linear(radial)-gradient;

选择器：

1.兄弟选择器
	E~F:表示获取到E后面的所有F元素（同级）
2.相邻兄弟选择器
	E+F:表示获取到E后面紧跟的F元素
3.动态伪类选择器
	:link 锚点连接被访问前添加样式，
	:visited 锚点连接被访问后添加样式，
	:hover 鼠标悬停时添加样式，
	:active 鼠标点击时添加样式，
	:focus 表单元素被聚焦时添加样式
	
4.目标伪类选择器:target
	目标：target{样式}  被选中的目标添加样式
	
5.语言伪类选择器
	根据元素的 lang属性，来匹配使用指定语言的元素
	<p lang="en"><q>Quote in English</q></p>
	:lang(en){
		font-family: Arial;
		quotes: '"' '"';
	}
	
6.ui状态伪类选择器
	:enabled  可用的表单元素添加样式
	:disabled 禁用
	::selection 元素被内容选中时添加样式（火狐需要加前缀 -MOZ-）
	
7.否定伪类选择器
	:not(e) 除了元素以外的所有元素
	p:not(.class类){样式}
	
8.结构伪类选择器
	E:first-child 获取到第一个子元素
	E:last-child 获取到最后一个子元素
	E:nth-child(n) 获取到第n个子元素
	E:nth-last-child(n) 获取到倒数第n个子元素
	E:first-of-type 第一个该类型的子元素
	E:last-of-type 最后一个该类型的子元素
	E:nth-of-type（n）第n个该类型的子元素
	E:nth-last-of-type(n) 倒数第n个该类型的子元素
	E:empty 获取到空的E元素（空格都不能有）
	E:only-child 唯一该类型的子元素
	E:nth-child(2n-1) 间隔一个添加样式
	
9.属性选择器
	E[attr] 拥有attr属性的E元素添加样式
	E[attr="val"] 拥有attr属性值为val的E元素添加样式
	E[^attr="val"] 拥有attr属性值为val开头的E元素添加样式
	E[attr$="val"] 拥有attr属性值为val结尾的E元素添加样式
	
10.伪元素选择器
	E::before 结合E元素添加第一个子元素
	E::after 给E元素添加最后一个子元素