--------------通用注意事项---------------------
1.网页设计应该先清除浏览器默认的样式
{
padding: 0;
margin:0;
}
--------------场用样式-------------------------
1.text-shadow文字阴影
2.border-radius圆角
3.border-image边框图片
4.box-shadow盒子阴影
5.first-line匹配第一行文本
6.first-letter匹配第一个字符
7.E[foo^="bar"]前缀
8.E[foo$="bar"]后缀
9.E[foo*="bar"]通配
10. E:nth-child(n)/(odd)/(even)匹配第一个/奇数个/偶数个元素
11.table-layout表格布局，默认为automatic，一般为fixed
12.empty-cells空单元格是否隐藏边框和背景，默认为shou
13.border-collapse为表格设置合并边框模型，建议为collapse
14.E:enabled/disabled/checked不用状态下的样式
15.list-style-type设置不同的列表样式
16.vertical-align定义文本的垂直对齐方式
17.text-indent定义文本的首行缩进
18.line-height定义文本行高
19.font-stretch定义是否横向拉伸变形字体
20.text-overflow定义省略文本的处理方式
21.word-wrap定义文本超过边界时，是否断开换行
22.box-orient定义盒子内部流动布局方向
23.resize自由缩放效果
24.outline元素激活时的外轮廓线
25.content设置元素的内容
26.columns定义多列布局
27.columns-gap多列布局的边框
28.transform动画效果
29.rotate()旋转动画
30.scale()缩放动画
31.translate()移动动画
32.skew()倾斜函数
33.matrix()矩阵变形动画
34.transform-originCSS变形的原点，默认中心点
35.transition-duration动画过渡的时间
36.animationCSS动画
37.animation-name动画名称
38.animation-duration动画时间
39.animation-timing-function动画播放方式
40.animation-delay动画开始播放时间
41.animation-iteration-count动画播放次数
42.animation-direction动画播放方向