课程分类

课程介绍
课程目录
用户评论
课程介绍
课程目录
用户评论

你将获得

  • 掌握某些知识点
  • 学会某些技巧(或思路)

教学服务

  • icon

    1v1专属答疑服务

  • icon

    BAT专家面试辅导

课程详情

课程介绍:

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讲师

温馨提示
  • 请勿私下交易
    请勿在平台外交易。与机构和老师私下交易造成的任何损失及纠纷,腾讯课堂不承担任何责任
  • 听课说明

    1、电脑:访问腾讯课堂官网 ke.qq.com 查看我的课表或下载win/mac客户端听课

    2、手机/平板:下载腾讯课堂APP, 进入学习页面听课