文章目录
HTML5 + CSS3学习是前端自学路线图的第一阶段，黑马程序员前端自学路线图给出了这个阶段的自学目标：学完后能够独立把美工提供的PSD效果图还原成PC端静态代码页面。前端自学路线图这个阶段的市场价值：具备PC端静态网页开发的能力，还达不到企业用人标准。但是为后面自学网页编程阶段打下坚实基础。
黑马程序员的前端自学路线图中的HTML5 + CSS3自学的技术要点，可以帮助大大缩减自学时间来掌握企业必要的技能。话不多说，赶快跟着最新的前端学习路线图开始学习吧。HTML5 + CSS3自学资源在黑马程序员视频库中都可以找到。
HTML5 + CSS3自学技术要点
HTML5 + CSS3自学–HTML5
1、浏览器与浏览器内核
2、语法及使用
3、常用标签
4、语义化
5、表单元素
6、HTML
7、新增标签
HTML5 + CSS3自学–CSS3基础
1、CSS基本语法规范
2、常用的选择器用法与技巧
3、复合选择器使用
4、数值与单位
5、文字文本样式
6、CSS3新增选择器
HTML5 + CSS3自学–CSS3进阶
1、CSS盒子模型
2、CSS背景技巧
3、圆角/阴影/过渡
4、定位和浮动
5、伪类和伪元素
6、chrome调试工具
7、CSS高级技巧（精灵图、CSS三角、图标字体等）
8、CSS常见布局技巧大全
9、网页开发规范以及流程
10、CSS企业级网页开发
11、网页开发常见问题以及解决方案
12、CSS常见兼容性问题以及解决方案
13、CSS3新增属性
14、Photoshop 切图
15、cutterman插件一键切图
HTML5 + CSS3自学–电商项目
1、代码组织原则
2、项目开发实战流程
3、电商类复杂页面布局规范
4、CSS初始化技术选择（Normalize.css使用）
5、CSS字体图标使用
6、CSS 属性书写顺序规范
7、完整的多页面开发
8、网页语义化设计
9、CSS页面模块化开发
10、favicon图标制作
11、复杂网页结构排版技巧
12、常见动画过渡特效
13、电商类常见布局问题解决方案
14、将电商项目部署到web服务器
HTML5 + CSS3自学资源
自学前端需要达到什么水平才能去工作？（点击进入）
