html/css-颜色和单位1~5

颜色相关概念（不属于前端）

色调：通俗的颜色

饱和度：灰色的含量，越多灰，饱和度越小

亮度：黑色的含量，越少黑，越亮

对比度：前景色和背景色之间的差异

web安全色（可以查）：不需要担心颜色在不同系统 硬件 浏览器之间的差异，大概216（有时候说210），色彩210，非色彩6

 

前景色和背景色

color属性：定义html中文本（大多指文字）的颜色，即前景色 ，大多默认为黑色

chrome 有默认样式

背景色是什么，  从chrome后台看不到，可以用组合选择器  html，body{color: }  设置颜色后文字背景也变了，说明默认为透明（非色彩），和背景色一起变，不然会有一块颜色出来的

颜色的命名/3种（3为hsl）

1.单词：不常用，在不同浏览器有差别，数量有限可以识别出147中预定义颜色左右，lightgreen

2.RGB(red green blue三原色，好多种三原色，这是色光三原色)

  使用方式：

       函数式RGB  rgb( r, g, b )  值为0~255  rgb(0,0,0)，黑色，全255，白色

        十六进制RGB  #rgb  每个颜色两位，范围从00-FF  0~9~a~F   特殊：如果每个颜色两位相同，可省略其中一个3300FF=30F

透明度(CSS3)

1.0完全不透明，0完全透明

opacity:同时修改背景和前景色

rgba   a为透明度

;不能忘

颜色模式（CSS3，新的，可能不支持）

3.hsl模式  ：hsl  hsla  色度 饱和度 亮度   

怎么表示：0~360°  100%  100%  0~1          50%标准色

单位

绝对值：例子：in英寸；cm厘米；mm；pt 点-印刷度量单位；pc派卡-印刷术语

相对值：px电脑分辨率，分辨率大，每个像素值小，图标小    屏幕大小固定800*600，宽度等分为800份，高度等分600份，每份得到固定宽度和高度，即一个像素值，主流浏览器为16px

               em 相对于父级元素的大小，父级没有设置字体大小的话，是相对于浏览器的大小，用于移动端多

               ex，相对于小写x的大小，不同字体可能是不同的，较少用

               百分值：可以大于100%，相对于父级