CSS学习笔记(1):基本术语

属性

如color、height这样的用来设置样式的字段即为属性。

值就是属性值,描述某一属性的某一状态,比如height高度为30像素,这里的30px即为值;比如颜色为#999,这里的#999即为颜色值。

CSS中有许多值的类型,如数值、百分比值、长度值、颜色值、字符串值、位置值等,在CSS3中还有一些新的类型比如角度值、频率值、时间值等。

关键字

为CSS中的一些保留字,如transparent、solid、inherit等。其中inherit被称作泛关键字,即为所有属性都可以使用的关键字。

变量

CSS中本没有变量的概念的,CSS实际上很难有变量的使用场景,但CSS3中还是有一些变量的,比如currentColor。

单位

CSS中有各种单位,比如长度单位(px、em等)、时间单位(s、ms等)、角度单位(deg、rad等)等。

需要注意的是百分号%不是单位,2%就是一个完整的值。

某些属性值就是数字+单位构成的,如:number+长度单位=length。

同时继续细分的话,长度单位还有绝对单位和相对单位之分。

功能符

功能符是以函数形式给出的值,主要用来表示颜色、URL、元素属性值、计算结果和过渡效果等。

声明

属性+属性值的组合即为一条声明。如:

1
color: transparent;

声明块

用花括号括起来的一系列声明的集合即为声明块。

选择器

是用来瞄准目标元素的东西,包括类选择器、ID选择器、属性选择器等,用来选择元素并为其设定规则。

关系选择器

使用简单选择器进行组合,根据元素之间的关系来选择元素的选择器。如后代选择器、相邻后代选择器、兄弟选择器、相邻兄弟选择器等。

规则集

选择器+声明块构成了规则集,一个规则集表示了选择器命中的一系列元素的一系列规则,为这些元素定义了一系列样式。

@规则

以@字符开始的定义的规则,用于特定用途。如@media、@font-face、@page等。

未定义行为

就像是编程语言的未定义行为一样,就是Web标准没有定义的内容。

Web标准用来约束元素及其样式的行为和含义,但是有些东西是标准里面没有明确规定的,那么各个浏览器就可能各自的去定义这样的行为,使得某些元素和样式在不同浏览器中的表现不同,这样的不同的行为即为未定义行为。




* 你好,我是大森。如果文章内容帮到了你,你可通过下方付款二维码支持作者 *