第四章 单位和值

第四章 单位和值

1.数字

可以是：整数，分数，正数和负数

2.百分值

一般是相对值

3.颜色

a.命名颜色 h1{color:blue;}

17种基本颜色：aqua fuchsia lime olive red white black gray maroon orange silver

yellow blue green navy purple teal

加这17种颜色，共有140左右的颜色可以像这样使用，如linghtgreen，这都是浏览器实现的

b.rgb h1{color:rgb(20,121,123);} h1{color:rgb(20%,30%,33%)}

可以使用百分数和数值，取值范围分别是0-100% 0-255，如果溢出，则取最大极限，如256=255

c.十六进制颜色 h1{color:#ffddcc;}

特殊情况可缩写：#ffccdd=#dcd

d.web安全颜色

即在256色计算机系统上能避免“抖动”的颜色

rgb：0或20%或51的倍数，rgb(0,20%,40%) rgb(0,51,102)

十六进制：00 33 66 99 cc ff 的倍数， #0fc

3.长度单位

a.绝对长度

in（英寸） cm（厘米） mm（毫米）

pt（镑） 32pt=1in

pc（点）1pc=12pt

b.绝对单位(应用更广)

px em ex

em: 相对于已有font-size元素的相应值，如果p{font-size:14px}，那么想对于p，1em=14px

ex: 所用字体中“x”的小写高度，如果两段文字使用字体大小相同，但字体不一样，那么ex就可能不一样

大多数浏览器中，1ex=0.5em，但不确定，所以建议不使用

在这些单位中，如果使用小数，小数点后面的数值一般会别忽略

4.url

a.相对路径：相对于样式表，而非html文档，Navigator4.x不能正确解释相对路径

b.绝对路径

5.关键字

none和underline等

6.inherit

大多数情况下不需要直接声明，很多属性都有inherit特性

不过对于a元素比较特殊，比如

#toolbar {background: blue; color: white;}

<div id="toolbar">

<a href="one.html">One</a> | <a href="two.html">Two</a> |

<a href="three.html">Three</a>

</div>

a元素的颜色会和背景色相同，需要指定#toobar a{color:inherit}