精通HTML5+CSS3需要学什么？

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

一、vscode编辑器基本使用vscode 基本使用vscode插件安装

二、 HTML5新增标签什么是HTML5HTML5新增标签多媒体音频标签多媒体视频标签HTML5新增input标签HTML5新增表单属性

三、CSS3新增选择器及案例CSS3属性选择器（上）CSS3结构伪类选择器（上）nth-child(n)nth-child和nth-of-type的区别CSS3伪元素选择器伪元素选择器案例

四、2D转换及相关案例实现2D转换之translate让一个盒子水平垂直居中2D转换之rotateCSS3 三角设置转换中心点旋转中心点案例2D转换之scale图片放大案例分页按钮案例2D转换综合写法以及顺序问题CSS3动画基本使用动画序列CSS3动画常见属性CSS3动画简写大数据热点图案例速度曲线之steps步长16-奔跑的熊大案例

五、3D转换和旋转木马案例认识3D转换3D转换translate3d透视perspectivetranslateZ3D旋转rotateX3D旋转rotateY3D旋转rotateZ3D呈现transform-style两面翻转盒子案例3D导航栏综合案例-旋转木马案例浏览器私有前缀以及总结

HTML5入门到精通可以分为3个阶段：了解HTML5、熟练掌握HTML5、精通HTML5；

HTML5此处指的是HTML、CSS、JavaScript以及HTML5和CSS3（新增的）

首先了解HTML5

需要去了解HTML5是什么，HTML5能够做什么以及HTML5行业的状况，然后在已了解的基础上发掘自己是否喜欢HTML5这个职业，才去决定自己是否学习HTML5。

大概时间：2~3天

其次熟练掌握HTML5

先学习HTML与CSS

在一些机构培训当中，全日制，每天学8个小时，也需要学习1~1.5个月，而且学不完整不扎实

自学的情况下，折算相应时间即可，另外需要注意，自学时选择合适的书籍进行学习，会相对高效一些。

选择好的学习资源（主要看知识逻辑、表达方式等），才能够更好的去吸收知识，学习时间成本也会低一些。

资源推荐：

HTML+CSS方面的可以去看《HTML5布局之路》

JavaScript方面的可以去看《JavaScript权威指南》、《JavaScript高级程序设计》

此后是JavaScript，原生JS、AJAX、jQuery，差不多也得需要2~3个月（每天8小时）

至于说精通~~~对HTML5技术领域有深刻的研究与认知，能够根据自身的开发经验与项目经验构建自己的前端框架或者工具。最起码3~5年甚至更长，其前提还是不断深入研究，而非“工具式”的使用。

HTML与CSS - PC端网页布局

HTML5与CSS3 - 移动端网页布局

JavaScript原生脚本语言

jQuery - 快速开发JavaScript

AJAX - 前后台数据交互

HTML5的学习，建议按照如上顺序进行学习，可以借助《HTML5布局之路》《Head First JavaScript程序设计》等比较不错的书籍学习

---