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 |
|
声明块
用花括号括起来的一系列声明的集合即为声明块。
选择器
是用来瞄准目标元素的东西,包括类选择器、ID选择器、属性选择器等,用来选择元素并为其设定规则。
关系选择器
使用简单选择器进行组合,根据元素之间的关系来选择元素的选择器。如后代选择器、相邻后代选择器、兄弟选择器、相邻兄弟选择器等。
规则集
选择器+声明块构成了规则集,一个规则集表示了选择器命中的一系列元素的一系列规则,为这些元素定义了一系列样式。
@规则
以@字符开始的定义的规则,用于特定用途。如@media、@font-face、@page等。
未定义行为
就像是编程语言的未定义行为一样,就是Web标准没有定义的内容。
Web标准用来约束元素及其样式的行为和含义,但是有些东西是标准里面没有明确规定的,那么各个浏览器就可能各自的去定义这样的行为,使得某些元素和样式在不同浏览器中的表现不同,这样的不同的行为即为未定义行为。