【CSS2 基础】
- CSS文件引入
- CSS 选择器(常规选择器,伪类选择器,伪元素选择器,根元素选择器)
- 层叠和结构
- 单位em,rem
- CSS 样式关键字(initial,inherit,unset,revert,all)
- 伪类和伪元素
- *CSS 盒模型
- *CSS 视觉格式化
- line-height && vertical-align
- border
- CSS 外边距 margin
- CSS margin负值
- outline
- overflow
- css滚动条
- display
- visibility
- css浮动
- css清除浮动
- 颜色color
- 背景background
- 透明度opacity
- 光标cursor
【定位】
- position 定位之距离偏移
- position 定位之层级z-index
- 绝对定位
- 绝对定位的应用
- 相对定位和固定定位
【字体和文本】
- font字体
- iconfont字体应用实战
- 文本样式
- css文本方向
- 空白符和换行
- 文本溢出和文本阴影
【布局】
- grid栅格布局
- Media查询
- flex布局
- 移动优先的响应式布局
- 水平垂直居中
- 两端对齐布局
- 单列定宽,单列自适应
- 两列自适应布局
- 三列布局
- 三栏式布局
- 等分布局
- 等高布局
- 全屏布局
- sticky-footer布局
【CSS预处理语言】
- less
- sass && scss
【动画】
- 过渡transition
- 变形transform(2d)
- 变形transform(3d)
- 线性渐变linear-gradient
- 径向渐变
- 动画animation
- animate.css库使用
【规范】
- css 规范(reset , 命名)
- StyleLint
【其它】
- css兼容总结
- haslayout总结
- BFC(格式化上下文)深入理解
- font-size为0消除inline&&inline-block元素间隙
- css中数学表达式calc
- css滤镜
- 剪裁clip
- clip-path
- 元素显示隐藏的思路
- css变量variable
【重点难点】