颜色表方案颜色的表现形式主要有三种方式：
颜色名称
p{
color:red;
}
解释：这是将一个段落内的文字设置为红色，采用的是英文颜色名称
颜色网址
http://xh.5156edu.com/page/z1015m9220j18754.html
http://www.w3school.com.cn/tags/html_ref_colornames.asp
红色的十六进制方案
p{
color:#ff0000;
}
十进制表示方法
p{
color:rgb(112,128,114);
color:rgba(0,128,128,0.5);
color:hsl(120,100%,30%);
color:hsla(120,100%,30%,0.5);
}
解释：
rgb(r,g,b)用RGB模型表示颜色 ，如rgb(0,128,128)
rgba(r,g,b,a)同上，a表示透明度0~1之间，如rgba(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)
我们可以使用photoshop等平面设计软件的调色板获取相应的值。
度量单位
CSS中长度单位又分为绝对长度和相对长度。
绝对长度单位
in 英寸
cm 厘米
mm 毫米
pt 磅
pc pica
相对长度单位
em与元素字号挂钩
p {
background: gray;
height: 2em;
}
1.5em
3em
解释：em是相对单位，与字号大小挂钩，会根据字体大小改变自己的大小，灵活性很高
ex与元素字体的“x高度”挂钩
rem与根元素的字号挂钩
px像素，与分辨率挂钩
p {
font-size: 60px;
background: gray;
height: 50px;
}
解释：虽然px也是相对单位，但由于和分辨率挂钩，导致他其实就变成一个绝对单位了，自然灵活性没有em高，但是使用难度较低，且大量的开发者习惯性使用它,字体无论多大，就是一个固定值
%相对另一值的百分比
<body>
<p>这是一个段落</p>
</body>
body {
font-size: 50px;
}
p {
background: gray;
font-size: 60px;
font-size: 200%;
width: 50%;
}
解释：长度比较好理解，就是挂钩它所在区块的宽度（即body）。而font-size则是继承到的原始大小的百分比(如果父元素body下没设置font-size，则是原始大小的百分比，如果设置了，如上50px，则font-size为100px)。通过父元素的数据决定自己数据
扫一扫
111
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
