一、基础班学习路线

四、HTML5和CSS3提高

1.HTML5的新特性

HTML5新增语义化标签

HTML5新增视频标签

HTML5新增音频标签

HTML5新增input类型

HTML5新增表单属性

2.CSS3的新特性

CSS3新增属性选择器

CSS3新增结构伪类选择器-选择第n个元素

CSS3新增nth-child选择器

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

CSS3新增伪元素选择器使用场景和由来

伪元素选择器场景-配合字体图标

• 这个三角是用定位来做的，所以前面有文字不会影响

伪元素选择器场景-仿土豆效果

• 原先制作过程 ：
  
• 现改为如下 ：

伪元素选择器场景-伪元素清除浮动本质

CSS3盒子模型border-box

CSS3图片模糊处理（了解）

计算盒子宽度calc函数

CSS3新增属性过渡

CSS3过渡练习-进度条