关于Css专业术语是什么？Css术语简介

本篇文章给大家带来的内容是关于css专业术语介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1. 属性

如height、color等，称作css的属性。

2. 值

在css中，如：10px, 50%, #ccc等这些都称作css的值。比较常见的类型值有：整数值，数值，百分比值，长度值，颜色值

3. 关键字

特指css里面一些很关键的单词。如solid、absolute、block等都是关键字

4. 变量

css中目前可以称为变量的很少，如：currentColor

5. 长度单位

（1）。 相对长度单位：分为相对字体长度单位和相对视区长度单位

相对字体长度单位，如em、ex、rem、ch（字符0的宽度）

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

（2）。 绝对长度单位：如px、pt、cm等

6. 功能符

值以函数的形式指定，主要用来表示颜色（rgba和hsla）、背景图片地址（url）、计算（calc）、过渡效果等。如rgba（0,0,0,0.5）、url（’a.png’）、scale（-1）

7. 属性值

属性冒号后面的所有内容统一称为属性值。例如：1px solid rgb（0,0,0）

8. 声明

属性名加上属性值就是声明，例如： color: transparent;

9. 声明块

声明块是花括号{} 包裹的一系列声明，例如：

{
height: 100px;
color: #ccc;
}

10. 规则或规则集

出现了选择器，而且后面还跟着声明块。如

.nav {
color: tansparent;
width: 23px;
}

11. 选择器

类选择器，以”.”开头的选择器，很多元素可以应用同一个类选择器 如：。nav、。active

ID选择器 ,以”#”开头的选择器，一般指向唯一元素。如：#header、#page

属性选择器， 指含有[]的选择器， 如： input[type=”text”] { }、[title~=”css-world”] { }

伪类选择器，指前面有个英文冒号的选择器， 如：：first-child 、：nth-child（1）、：hover

伪元素选择器， 有两个连续英文冒号的选择器， 如：：：after、 ::befor

12. 关系选择器

后代选择器， 选择后代元素，空格连接， 如： .parent .child { }

相邻后代选择器（子选择器）， 选择合乎规则的第一层子元素（儿子），孙子、重孙、第二次子元素等忽略， 使用>连接，（IE7以上版本）如： .parent>.first-child { }

兄弟选择器，选择当前元素后的所有兄弟元素， ~连接， （IE7以上版本）如： .nav~.siblings { }

相邻兄弟选择器， 选择当前元素相邻的兄弟元素， + 连接，（IE7以上版本） 如： .header+.nav { }

13. @规则

以@字符开始的一些规则，如媒体查询@media、字体@font-face