当前位置 博文首页 > BOM485480的博客:精通HTML5+CSS3需要学什么?

    BOM485480的博客:精通HTML5+CSS3需要学什么?

    作者:[db:作者] 时间:2021-08-28 22:28

    精通HTML5+CSS3需要学什么?主要学习vscode编辑器基本使用、HTML5新增标签、CSS3新增选择器及案例、2D转换及相关案例实现、3D转换和旋转木马案例等知识点。

    一、vscode编辑器基本使用

      vscode 基本使用

      vscode插件安装

    二、 HTML5新增标签

      什么是HTML5

      HTML5新增标签

      多媒体音频标签

      多媒体视频标签

      HTML5新增input标签

      HTML5新增表单属性

    三、CSS3新增选择器及案例

      CSS3属性选择器(上)

      CSS3结构伪类选择器(上)

      nth-child(n)

      nth-child和nth-of-type的区别

      CSS3伪元素选择器

      伪元素选择器案例

    四、2D转换及相关案例实现

      2D转换之translate

      让一个盒子水平垂直居中

      2D转换之rotate

      CSS3 三角

      设置转换中心点

      旋转中心点案例

      2D转换之scale

      图片放大案例

      分页按钮案例

      2D转换综合写法以及顺序问题

      CSS3动画基本使用

      动画序列

      CSS3动画常见属性

      CSS3动画简写

    大数据热点图案例

      速度曲线之steps步长

      16-奔跑的熊大案例

      五、3D转换和旋转木马案例

      认识3D转换

      3D转换translate3d

      透视perspective

      translateZ

      3D旋转rotateX

      3D旋转rotateY

      3D旋转rotateZ

      3D呈现transform-style

      两面翻转盒子案例

      3D导航栏

      综合案例-旋转木马案例

      浏览器私有前缀以及总结

    精通HTML5+CSS3需要掌握HTML5+CSS3新特性,例如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维、图形及特效特性、性能和继承特性、CSS3特性,可以使用HTML5+CSS3实现炫酷动画效果,熟悉VSCode编辑器基本使用。

    ?

    cs