一·基础知识
(1 层叠优先级判定有三 1.用户代理样式，用户样式表，作者样式表,!important
2.选择器优先级 内联(o)》id(a)》class(b)》type（c） (a,b,c)看数字
3.源码位置>以声明顺序为基准
做法 》》少用id，尽量不要用!important
(2 继承
inherit 从父元素
值和单位略
分辨率：dpi dpcm,dppx
(3 盒模型
类型：display
计算方式：box-sizing content-box border-box
内容流：overflow
控制定位 position
可见：visibility
二.布局
（1 常规流布局 块级盒子 > 块级格式化上下文：（BFC）
触发条件
内联盒子 > 内联级格式上下文：
（2 弹性盒子布局
(3 网格布局-> grid布局
定位position : relative ,absolute ,fixed , stiocky
区别： Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置
但Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大
三. 层叠上下文
1.定位属性
-
透明度不为1
-
tranform不为无等等 其中z-index只在同一个上下文比较，且无法超越父元素的显示顺序
四.1.transition 过渡:linear/ease-in/step 2.animation 动画-->@keyframes关键帧
五. 响应式布局: em/rem , vw/vh
六.
1.css预处理器：是一个能让你通过预处理器自己独有的来生成CSS的程序。市面上有很多 CSS 预处理器可供选择，且绝大多数 CSS 预处理器会增加一些原生 CSS 不具备的特性，例如代码混合，嵌套选择器，继承选择器等。这些特性让 CSS 的结构更加具有可读性且易于维护。
2.postcss 机制：Source string → Tokenizer → Parser → AST → Processor → Stringifier
