css思维导图

自己学习的思维导图分享

整个思维导图

1、基本知识

2、选择器

3、文字样式

4、盒子模型

5、浮动

6、局部布局

7、css变量

:root 选择器中声明它。 :root 选择器匹配文档的根元素。 请在将要使用它的选择器中声明它 使用 var() 函数。 name |
必需。变量名（以两条破折号开头）。 value | 可选。回退值（在未找到变量时使用）。
变量名称必须以两个破折号（–）开头，且区分大小写！

:root {
  --blue: #1e90ff;
  --white: #ffffff;

div{
background-color: var(--blue)
}

局部

button {
  --blue: #0000ff;    // 会覆盖全局的变量
  background-color: var(--white);
  color: var(--blue);
  border: 1px solid var(--blue);
  padding: 5px;
}

8、定位

9、BFC

10、转换动画

11、Flex

12、网格布局

13、布局方案