颜色和单位

颜色单位

1.命名颜色  如red white gray olive(橄榄色)

2.16进制颜色(红 绿 蓝 基本色)如#afaf56 (0~9  a~f)

3.rgb(0~255,0~255,0~255)或rgb(10%,0%,100%)不是所有浏览器都支持rgb的百分比

4.rgba(0~255,0~255,0~255,0~1) 0~1表示不透明度黑色啦 alpha

5.hsl(0~360,0%~100%,0%~100%)hue色调   saturation饱和度      lightness亮度

目前运用最广的

6.hsla(0~360,0%~100%,0%~100%,0~1)  0~1透明度

7.网络安全色(216个)   各种浏览器各种机器都可以无损失无偏差输出的色彩集合

网络安全色是当红色(Red)、绿色(Green)、蓝色(Blue)颜色数字信号值(DAC Count)为0、51、102、153、204、255时构成的颜色组合,它一共有 6 * 6 * 6 = 216 种颜色(其中彩色为210种,非彩色为6种)

 

CSS的单位

绝对单位
英寸(in),厘米(cm),毫米(mm),磅(pt),pica(pc)
1in=2.54cm ,1cm=0.394in
pt是标准的印刷量度,一般用来设定文字的大小,广泛用于打印机,文字程序,72pt=1in=2.54cm1pc=12pt

相对单位:em   ex    px

指在度量时需要参照其他页面元素的单位值,比如屏幕分辨率,可视区域的宽度,客户个人的设置等,这些参照单位会随着参照标准的变化而发生变化

1em就是当前字体的font-size的值  如font-size:16pt   则1em=16pt

ex是以给定字体的小写字母“x”高度作为基准 不同字体则高度不一定相同

px也称为像素,目前使用最广泛的度量单位 1px是电脑屏幕上的一个小方格

 

 

猜你喜欢

转载自www.cnblogs.com/l-mz/p/9825126.html