# 简介
css 有两个重要概念，分别是样式和布局
css的样式分别为两种，一种是文字的样式，一种是盒模型的样式
css的另一个重要的特性就是辅助页面布局，完成html不能完成的功能，比如并排显示，精准布局。
从html4.0开始，结构层和样式层进行了分离
前三层：
结构层：html作用是从语义的角度进行网页结构的搭建
样式层： css作用从美关的角度修饰页面
交互层： javascript 作用从交互的角度讲
- 简介
- 文字三属性(颜色，字号，字体）
- 盒子三属性（width , height, background-color）
- CSS引入方法
- CSS选择器
- css高级选择器
- CSS的继承性
- 颜色属性color
- 字体font-family
- 字号font-size
- 文字在盒子行高 line-height
- 字体加粗font-weight
- 字体样式font-style
- 文本段落对齐text-align
- 文字修饰（上划线下划线中划线 text-decoration）
- 文字缩进text-indent
- 盒子模型的宽度与高度width，height
- 内边距padding
- 边框border
- 外边距margin
- 清除默认样式
- 盒子height高度属性拓展
- 文字在盒子里居中text-align:center
- 盒子在盒子里的水平居中
- margin塌陷
- 标准文档流display
- 浮动float
- 浮动元素性质
- 浮动贴边原理
- 浮动元素的标准流问题（文字围边效果）
- 清除浮动
- 清除浮动影响二： clear属性
- 清除浮动overflow方法
- 伪类标签
- background-color背景颜色属性
- background-image 背景图片调用
- background-repeat 背景图平铺状态
- background-position背景定位
- background-attachment背景附着
- background综合语法
- 相对定位position:relative
- 绝对定位position:absolute
- 定位压盖顺序
- CSS制作LOGO超链接妙招
- CSS公共类的继承性
- em单位
- 媒体查询
- flex布局