颜色和单位

Posted 2021-01-14 l-mz

 

颜色单位

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.54cm，1pc=12pt

相对单位：em   ex    px

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

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

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

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