CSS 基础

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

取值单位

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

外观样式

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

布局样式

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

动画样式

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

工具与规范

1. CSS 代码规范

实例练习

1. 简单登录
2. 登录框
3. 导航栏
4. 文章列表
5. 文章详情
6. 边牧守护中心