css术语

术语：

属性：

值：整数值，数值，百分比 ， 长度值 ，颜色值

关键字：很关键的字

变量：也可以说自定义属性或级联变量

自定义属性：

1
2
3

 element {
    --main-bg-color: brown;
}

局部变量：

1
2
3

element {
    background-color： var(--main-bg-color)
}

注：具体内容请查看MDN web docs

长度单位：px em rem等 %是不是长度单位，是一个完整的值

​ ○相对长度单位

​ •对字体长度单位，如 em 和 ex,rem

​ •相对视区长度单位，如 vh、vw、vmin 和 vmax

​ ○绝对长度单位

​ •px

功能符：值以函数的形式指定

​ ○颜色（rgba 和 hsla）、 背景图片地址（url）、元素属性值、计算（calc）和过渡效果等

属性值：属性冒号后面的所有内容统一称为属性值。

声明：属性名加上属性值就是声明

声明块：花括号（{}）包裹的一系列声明

规则或规则集：选择器+声明块

选择器：

​ ○类选择器：指以“.”这个点号开头的选择器

​ ○ID 选择器：“#”打头，权重相当高。

​ ○属性选择器：指含有[]的选择器

​ ○ 伪类选择器：一般指前面有个英文冒号（:）的选择器

​ ○伪元素选择器： 就是有连续两个冒号的选择器

关系选择器：

​ ○后代选择器：选择所有合乎规则的后代元素。空格连接。

​ ○相邻后代选择器： 又称“子 选择器”。仅仅选择合乎规则的儿子元素，孙子、重孙元素忽略，>连接。适用于 IE7 以上版本。

​ ○ 兄弟选择器： 选择当前元素后面的所有合乎规则的兄弟元素。~连接。适用于 IE7 以上 版本。
​ ○相邻兄弟选择器： 仅仅选择当前元素相邻的那个合乎规则的兄弟元素。+连接。适用于
IE7 以上版本。