css思维导图

最新推荐文章于 2024-09-30 18:01:31 发布

维生素c片

最新推荐文章于 2024-09-30 18:01:31 发布

阅读量673

点赞数

分类专栏： css 文章标签： css css3 前端

本文链接：https://blog.csdn.net/m0_46408862/article/details/116981486

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

自己学习的思维导图分享

整个思维导图

在这里插入图片描述

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;
}