第十四章 CSS颜色与度量单位
一、颜色表方案 (除了颜色表之外，想要获取颜色值，可以通过photoshop能平面设计软件的调色板获取相应的值)
颜色表查阅的网址例如：
***********************************************************************************************
* http://xh.5156edu.com/page/z1015m9220j18754.html *
* http://www.w3school.com.cn/tags/html_ref_colornname.asp //网站有颜色名称，符号，属性等 *
***********************************************************************************************
1、十六进制的写法
例、@charset= "utf-8";
p{
color:red;
color:DarkGoldenrod;
color:#ff0000; //十六进制中，成对出现的数字能写成一个
color:#000000; 比如#ff0000;可以写成#f00; #000000;写成#000；
}
2、十进制的写法
函数 说明 示例
rgb(r,g,b) 用RGB模型表示颜色 rgb(0,128,128)
rgba(r,g,b,a) 同上，a表示透明度 0～1之间 raba(0,128,128,0.5)
hsl(h,s,l) 用HSL模型（色相，饱和度和透明度）来表示颜色 hsl(120,100%,30%)
hsla(h,s,l,a) 同上，a表示透明度 0～1之间 hsla(120,100%,30%,0.5)
例、 p{
color:rgb(0,128,128)
color:rgba(0,128,128,0.5) //a的值越小，越透明
color:hsl(120,100%,30%)
}
二、度量单位
1、絶対単位 （用的比价少）
2、相对单位 （经常使用）
（1）em 相对单位
例、p{
color:red;
marge:0; }后面学
padding:0; }的内容
background:gray; //灰色矩形背景框
font-size:20px; //字体大小
height:2em; //为背景框的相对大小
}
（2）px 像素是相对单位，灵活度没有em高，但是使用难度低，经常被使用；
p{
....;
height:20px;
}
（3）% 百分比 (背景框占总长度的百分比）
p{
....;
background:silver;
font-size:200%;
width:50%; //占总长度的百分之50
}
