17.CSS颜色与度量单位.

                                              第十四章 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

       }