一、基础班学习路线
四、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过渡练习-进度条