前台学习路线图–HTML5 + CSS3

HTML5 + CSS3是前台学习路线图的第一阶段，在前台学习路线这个阶段的目标是学完后能够独立把美工提供的PSD效果图复原成PC端静态代码页面。前台学习路线图这个阶段的市场价值：具有PC端静态网页开发的能力，还达不到企业用人标准。为后面学习网页编程阶段打下坚实基础。

下面是黑马程序员的前台学习路线图中的HTML5 + CSS3部分的学习技术要点，可以帮助大大缩减自学时间来掌握企业必要的技能。

黑马程序员 HTML5 + CSS3技术要点

HTML5 + CSS3技术要点

HTML5

1、浏览器与浏览器内核
2、语法及使用
3、常用标签
4、语义化
5、表单元素
6、HTML
7、新添加标签

CSS3基础

1、CSS基本语法规范
2、常用的选择器用法与技巧
3、复合选择器使用
4、数值与单位
5、文字文本样式
6、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插件一键切图

电商项目

1、代码组织准则
2、项目开发实战流程
3、电商类复杂页面布局规范
4、CSS初始化技术选择（Normalize.css使用）
5、CSS字体图标使用
6、CSS 属性书写顺序规范
7、完整的多页面开发
8、网页语义化设计
9、CSS页面模块化开发
10、favicon图标制作
11、复杂网页结构排版技巧
12、常见动画过渡特效
13、电商类常见布局问题处理方案
14、将电商项目部署到web服务器