CSS颜色控制属性

CSS颜色控制属性(上)

  1. 默认情况下,文字颜色为黑色。
  2. 在网页中,修改字体的颜色:
    在这里插入图片描述
    在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 == 1
    16+5 =21
    1.5 十六进制缩写
    在CSS中只要十六进制的颜色每两位的值都是一样的, 就可以简写为一位。
    例如:#FFEE00 = # FE0
    注意点:1.如果当前颜色对应的两位数字不一样,那么就不能简写。#123456;
    2.如果两位相同的数字不是属于同一个颜色的,也不能建设。
    总结:可以使用拾色器进行取色。

猜你喜欢

转载自blog.csdn.net/weixin_40876986/article/details/88703023