这是我参与11月更文挑战的第26天，活动详情查看：2021最后一次更文挑战
背景
学习前端三个月了，准备刷刷面试题，总结总结，一天几道面试题，向大厂进军。
CSS 大家都会，但你了解什么是属性，什么是值，什么是关键字，什么是变量，什么是长度单位以及什么是功能符吗？？
我和很多小伙伴一样，用CSS肯定会，但是如果说是系统的掌握，没有这个概念，今天就带大家了解一下这些专业知识。
属性
属性对应的是平常我们书面或交谈时对CSS的中文称谓。
例如，CSS代码中的height和color就是属性。
值
值大多与数字挂钩。
例如，上面的12px就是典型的值。
下面是一些常用的类型。 • 整数值，如z-index:1中的1，属于，同时也属于。
• 数值，如line-height:1.8中的1.8，属于。
• 百分比值，如padding:50%中的50%，属于。
• 长度值，如99px。
• 颜色值，如#999。
此外，还有字符串值、位置值等类型。
关键字
关键字指的是CSS里面很关键的单词，这里我认为就是属性值中 CSS默认提供的单词。
例如：
变量
CSS 变量可以访问 DOM，这意味着您可以创建具有局部或全局范围的变量，使用 JavaScript 来修改变量，以及基于媒体查询来修改变量。
注释：变量名称必须以两个破折号（--）开头，且区分大小写！
:root {
//css 变量声明
--blue: #1e90ff;
--white: #ffffff;
}
body { background-color: var(--blue); }
h2 { border-bottom: 2px solid var(--blue); }
.container {
color: var(--blue);
background-color: var(--white);
padding: 15px;
}
button {
background-color: var(--white);
color: var(--blue);
border: 1px solid var(--blue);
padding: 5px;
}
长度单位
CSS中的单位有时间单位（如s、ms），还有角度单位（如deg、rad等），但最常见的自然还是长度单位（如px、em等）。
需要注意的是，诸如2%后面的百分号%不是长度单位。再说一遍，%不是长度单位！因为2%就是一个完整的值，就是一个整体，我想你一定认为0.02是值，没错，2%也同样是值。
一句话：
<number>+ 长度单位 =<length>
长度单位又可以分为相对长度单位和绝对长度单位。
-
相对长度单位。相对长度单位又分为相对字体长度单位和相对视区长度单位。
-
相对字体长度单位，如em和ex以及rem。
-
相对视区长度单位，如vh、vw、vmin和vmax。
-
-
绝对长度单位：最常见的就是px，还有pt、cm、mm、pc等。
功能符
值以函数的形式指定（就是被括号括起来的那种）。
主要用来表示颜色（rgba和hsla）、背景图片地址（url）、元素属性值、计算（calc）和过渡效果等，如rgba(0,0,0,.5)、url('css-world.png')、attr('href')和scale(-1)。
属性值
属性冒号后面的所有内容都叫属性值。
例如：
.test:{
border:1px solid blue;
}
这里：1px solid blue 称为属性值
声明
属性名加上属性值就是声明，例如：
color:blue
选择器
选择器是用来瞄准目标元素的东西。
例如：
.test{
}
#test{
}
.test:first-child{
}
.test > div{
}
这里 . # :first-child > ~ + 等都是选择器
@规则
@规则指的是以@字符开始的一些规则，像@media、@font-face、@page或者@support，诸如此类。
