CSS属性值定义语法
还是MDN文档好用,看懂定义语法什么缩写的都可以了解了。这里挑点东西记录。
基本类型
一些类型在CSS中经常出现,CSS规范中将其专门定义,称为基本类型,用一对尖括号表示:<
与>
,例如:<angle>, <string>, …
其他类型分为两种:
其他类型同样也用一对尖括号表示:<
与>
。
共享同一个属性名称的数个类型。在这种情况下,数据类型与属性共享同一组值。它们出现在一对引号之中,经常用于属性的缩写。
不共享同一个属性名称的数个类型,它们与基本类型很相似,不同是:这种参数仅在规范中相关属性的描述处定义,而基本类型在规范中有专门定义。
比如background文档中,其语法中出现的:
1.<image>
、<url>
属于基本类型,不会在文档的where
中再次解释定义
2.<'background-color'>
这样的属于共享属性名称,也就是background-color
属性中允许的值,可以出现在当前语法对应位置中
3.<bg-image>
这样的属于仅在规范中相关属性的描述处定义。也就是会在当前文档where
中进行再次的定义解析。
其中where一般是对上一部分中出现的那些<>进行定义解析,如果当前where有新的定义,那么解析部分在下一个where当中。
组合符号没啥好说的,与、或这些大家都熟,只要记得||和&&有“不按顺序”这一说法就行。
数量符号基本就是正则表达式那些符号,后面的#和!注意一下就行,也不太常见。