css3 新增

1、属性选择器
选取标签带有某些特殊属性的选择器 我们成为属性选择器

 div[class=demo] { /*  选出div中类名为demo的标签 */
			color: pink;
		}
div[class^=font] { /*  选出div中类名以font开头的标签 */
			color: pink;
		}
div[class$=footer] { /*  选出div中类名以footer结束的标签 */
			color: skyblue;
		}
div[class*=tao] { /* 选出div中类名包含bao的标签 */
			color: green;
		}

2、伪元素选择器，E::before和E::after

在E元素内部的开始位置和结束位创建一个元素，该元素为行内元素，且必须要结合content属性使用，content属性表示伪元素的内容。

div::before {
  content:"开始"; /*  在div之前添加内容“开始” */
div::after {
  content:"结束"; /* 在div之后添加内容“结束” */
}

3、盒模型
可以分成两种情况：

a、box-sizing（默认）: content-box 盒子大小为 width + padding + border
content-box:此值为其默认值，其让元素维持W3C的标准Box Mode

b、box-sizing: border-box 盒子大小为 width，就是说 padding 和 border
是包含到width里面的，content的宽度值是会自动调整的。