CSS2学习笔记07

数值

系列文章

数字

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
其原理是,浏览器会取每一位,并将其复制成两位。