CSS颜色控制属性
其他
2019-04-18 18:50:54
阅读次数: 0
CSS颜色控制属性(上)
- 默认情况下,文字颜色为黑色。
- 在网页中,修改字体的颜色:
在CSS中如何通过COLOR 属性来修改按文字属性。
格式: color: 值
取值: 1.1 英文单词
一般情况下常见的颜色都有对应的英文单词,但是英文单词能够表达的颜色是有限制的。也就是说不是所有的 颜色都能够通过英文单词来表达。
1.2 rgb
rgb 其实就是三颜色,其实r(red 红色) g(green 绿色) b(blue 蓝色)
格式:rbg (0,0,0) (红色像素,绿色像素,蓝色像素)
这其中每一个数字它的取值是在0-255之间,0代表不发光,255代表发光,值越大就越亮。
红色:(255,0,0)
绿色:(0,255,0)
蓝色:(0,0,255)
黑色:rgb(0,0,0)
白色:(255.255.255)
在前端开发中,其实并不常用黑色。只要让红色/绿色/蓝色的值都一样就是灰色,而且如果这三个值越小就越偏黑色,越大就越偏白色。
1.3 rgba
a.代表颜色的透明程度。取值0-1,取值越小就越透明
例如:color: rgba(255,0,0,0.2)
1.4 十六进制
在前端开发中通过十六进制来表示颜色,其实本质就是RGB十六进制中是通过每两位表示一个颜色。
例如:#FFEE00 FF表示R EE表示G 00 表示B
十六进制和十进制一样都是一种计数的方式,在十进制中取值范围0-9,逢十进一。在十六进制中取值范围0-F,逢十六进一。
十六进制和十进制转换的公式:
用十六进制的第一位16+十六进制的第二位=十进制
15 == 116+5 =21
1.5 十六进制缩写
在CSS中只要十六进制的颜色每两位的值都是一样的, 就可以简写为一位。
例如:#FFEE00 = # FE0
注意点:1.如果当前颜色对应的两位数字不一样,那么就不能简写。#123456;
2.如果两位相同的数字不是属于同一个颜色的,也不能建设。
总结:可以使用拾色器进行取色。
转载自blog.csdn.net/weixin_40876986/article/details/88703023