数字
CSS有两类数字:整数和实数(小数)。这些数字主要作为其它值的基础。
CSS2.1定义,实数为一个整数后面可以有一个小数点和小数部分。
以下都是合法数值:15.2、-279.00004和5。
整数和实数都可以是正数或负数,但是属性通常会限制允许的数字范围。
百分数
百分数是一个计算得出的实数,其后跟一个百分号“ %
”。
百分数值几乎总是相对于另一个值而言的。
接受百分数值的属性会限制所允许的百分值范围,还会定义百分数值计算到什么程度。
颜色
具名颜色
可以直接根据颜色的英文名选择颜色。合法的命名颜色名称的关键字很有限,但是浏览器通常会将其扩展。
CSS称这些有名字的颜色为具名颜色。
CSS2.1规范定义的17个标准颜色名为:
aqua | fuchsia | lime | olive | red | white |
black | gray | maroon | orange | silver | yellow |
blue | green | navy | purple | teal |
用RGB指定颜色
可以使用函数式记法表示RGB颜色。这种类型颜色值的一般语法是:rgb(red, green, blue)
。
元组元素是百分数或整数。百分数值在0%~100%内,整数范围为0~255。
使用百分数和整数分别指定白色的代码为:
color: rgb(100%, 100%, 100%);
color: rgb(255, 255, 255);
百分数中也可以使用小数,不过很多时候浏览器都会将其取整。
如果取值超过了可取范围,那么它会被剪裁到最接近的边界范围。
用十六进制指定颜色
CSS允许使用HTML典型的十六进制表示法来定义颜色。
这种记法的一般语法是 #RRGGBB
。注意,在这三个整数之间没有空白符、逗号等任何分隔符。
使用十六指定白色的代码为:
color: #FFFFFF;
如果组成十六进制的3组数都是各自成对的,CSS还允许一种简写记法:#RGB
。
其原理是,浏览器会取每一位,并将其复制成两位。