好学谷

课程介绍：

CSS3是最新的 CSS 级别,CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。

CSS3对CSS2中的边框、背景、文本、字体等做了扩展。新增圆角边框,2D变形、3D变形位移,旋转,倾斜,缩放,过渡,动画,弹性盒子flex布局等。本课程在讲解知识点的同时,会有相应的应用案例,帮助初学者快速上手,完成常见的CSS3静态页面效果。

课程内容涵盖：

1. CSS3属性选择器

2. CSS3结构伪类选择器

3. CSS3结构伪类选择器

4. 伪元素选择器

5. 伪元素选择符

6. 背景渐变

7. 背景缩放background-size

8. 多背景

9. 盒子阴影(CSS3)

10. 文字阴影(CSS3)

11. 圆角边框

12. 过渡transition

13. 2D变形与二维坐标系

14. 移动translate

15. 旋转rotate

16. 改变变形原点transform-origin

17. 缩放 scale(x,y)

18. 倾斜skew

19. 同时使用多个变形属性值

20. CSS3定义动画

21. 使用CSS3动画

22. 动画速度曲线步长

23. backface-visibility属性

24. 3D变形(CSS3)

25. 3D移动translate3d

26. translateX(x)

27. translateY(y)

28. 透视属性(perspective)

29. translateZ(z)

30. translate3d(x,y,z)

31. 3D旋转rotate3d

32. rotateX()

33. rotateY()

34. backface-visibility属性

35. rotateZ()

36. 3D呈现 transfrom-style

37. HTML5多媒体-视频标签

38. 伸缩布局介绍

39. flex-direction设置主轴的方向

40. justify-content设置项目在主轴方向上的排列方式

41. flex-wrap子元素超出父容器时是否换行

42. align-items 设置侧轴上的子元素排列方式(单行 )

43. align-content 设置侧轴上的子元素的排列方式(多行)

44. flex-flow 属性

45. align-self控制项目自己在侧轴上的排列方式

46. flex-grow属性

47. flex-shrink属性

48. flex属性

49. order属性定义项目的排列顺序

课程对应岗位：

1. web前端工程师

2. H5移动开发工程师

3. 微信小程序工程师

课程讲师：

徐粤群

H5讲师