一、CSS基本属性
1..层叠、优先级
2.继承
继承样式格式：
父级：属性：值
子级：属性：inherit
3.css的值和单位
4.盒子模型
二、布局和定位
1.常用的布局
（1）正常流：流式布局按标准文档流进行布局的，也是默认的布局方式，这种布局方案，是最简单的一种布局方案。
（2）浮动：为了让男盒子可以并排显示，此时，就需要使用浮动布局。浮动发明的原因，刚开始是让文字环绕浮动的元素，形成字围效果。
(3）定位:在开发网页时，有时候，仅仅使用上面的两种布局，并不能完成我们的需求。此时，就需要使用层布局，说白了，就是定位。
（4）display：中的属性包含gird和flex，这些都是display的一个属性值而已。
（5）从效果上看：从效果上来看，就有双飞翼，两列自适应，圣杯，三栏等布局效果
（6）响应式布局：响应式布局是同一页面在不同的屏幕上有不同的布局，即只需要一套代码使页面适应不同的屏幕。
2.BFC
BFC全称是Block Formatting Context，意思就是块级格式化上下文。你可以把BFC看做一个容器，容器里边的元素不会影响到容器外部的元素。
3.外边距塌陷
外边距塌陷也称为外边距合并，是指两个在正常流中相邻（兄弟或父子关系）的块级元素的外边距，组合在一起变成单个外边距，不过只有上下外边距才会有塌陷，左右外边距不会出现这种问题。
4.内联级格式化上下文
（1）介绍
（2）应用
5.弹性盒子布局（flex）
6.网格布局（grid）
7.定位
实列：
三、层叠上下文(The Stacking Context)
1.定义
每个盒模型的位置是三维的，分别是平面画布上的x轴，y轴以及表示层叠的z轴。层叠上下文即元素在某个层级上z轴方向的排列关系。
2.层级关系
实例：
1.只在同一个层级上下文比较
2.无法超越父元素
四、变形、过渡、动画
1.变形3D
2.过渡
3.动画
4.性能
五、响应式设计
1.原则
2.媒体查询
3.设备像素、参考像素和移动设备视口
（1）设备像素
设备像素(物理像素)︰显示器上绘制的最小单位，显示屏通过控制每个像素点的颜色,使屏幕显示出不同的图像。
设备像素和设备相关,屏幕从工厂出来那天起,它上面的物理像素点就固定不变了。
（2）参考像素
CSS像素
（3）移动设备视口
布局视口(viewpor)是页面中html元素(根元素)的包含块，默认情况下，window.document.documentElement.clientWidth 就是viewport的宽度。
在移动设备中，默认的布局视口由于历史兼容pc屏幕的原因，并不符合需求，我们经常需要用标签对viewport进行设定，来完成移动端设备的适配。
