第四章 单位和值

第四章 单位和值

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}