颜色相关概念(不属于前端)
色调:通俗的颜色
饱和度:灰色的含量,越多灰,饱和度越小
亮度:黑色的含量,越少黑,越亮
对比度:前景色和背景色之间的差异
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%,相对于父级