CSS 基础

1. 认识 CSS
2. 引入 CSS
3. 选择器
4. 继承关系
5. 盒模型
6. 样式优先级
7. 全局属性值
8. 行内元素垂直对齐
9. 处理溢出
10. 隐藏元素
11. calc 函数
12. 文本断行

取值单位

1. 颜色单位
2. 长度单位
3. 时间单位
4. 角度单位

外观样式

1. 字体样式
2. 文本样式
3. 列表样式
4. 尺寸样式
5. 图像样式
6. 边框样式
7. 轮廓样式
8. 阴影样式
9. 内边距样式
10. 外边距样式
11. 边框圆角样式
12. 背景样式
13. 行内块元素
14. 光标样式

布局样式

1. 正常布局流
2. 元素定位
3. 浮动布局
4. 弹性盒子布局
5. 元素转换
6. 媒体查询

动画样式

1. 过渡动画
2. 关键帧动画

工具与规范

1. CSS 代码规范

实例练习

1. 登录页面
2. 导航栏
3. 文章列表
4. 管理后台
5. 文章详情