CSS3前端技术总结

阅读更多

--------------通用注意事项---------------------

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动画播放方向