CSS 颜色相关

摘要:
CSS预定义的颜色表示(即,颜色在英语中使用):红色;绿色蓝色CSSRGB颜色表示:RGB颜色表示为红色(R:蓝色(B:每种颜色的值为0~255。CSSRGB百分比颜色表示:rgb(0%,类似于上面示例的最后一种颜色:)CSS短十六进制颜色表示;例如,颜色可以缩写为颜色CSSRGBA颜色表示;

CSS预定义颜色表示法(就是使用颜色的英文):

color:red;
color:green;
color:blue;

CSS RGB颜色表示法:

color:rgb(255,0,0);
color:rgb(0,255,0);
color:rgb(0,0,255);

RGB颜色表示法就是红(R:red),绿(G:green),蓝(B:blue),这三原色混合后呈现出的颜色,其中每种颜色的取值为0~255.

CSS RGB百分比颜色表示法:

color:rgb(100%, 0%, 0%);
color:rgb(0%, 100%, 0%);
color:rgb(0%, 0%, 100%);

RGB百分比颜色表示法就是利用百分比来表示RGB颜色,其中RGB中的0就代表百分比中的0%,RGB中的255就代表百分比中的100%.

CSS 16进制颜色表示法:

color:#ff0000;
color:#00ff00;
color:#1199ff;

16进制颜色表示法就是使用三对十六进制数分别表示RGB中的三原色,像上面例子的最后一个color:#1199ff;,其中11代表R的颜色(十六进制的11就等于十进制中的17),其中99代表G的颜色(十六进制的99就等于十进制中的153),其中ff代表B的颜色(十六进制的ff就等于十进制中的255),前面再加一个#号.(#1199ff;等价于rgb(17,153,255);)

CSS 短16进制颜色表示法,属于web safe colors(网络安全色):

color:#f00;
color:#0f0;
color:#00f;

短16进制颜色表示法就是当16进制颜色表示法中的两个表示颜色值的数字一样的时候的简写,比如color:#ff0000;就可以简写为color:#f00;.

CSS RGBA颜色表示法:

color:rgba(255,0,0,1);
color:rgba(0,255,0,1);
color:rgba(0,0,255,1);

RGBA颜色表示法就是在RGB颜色的基础上增加了Alpha通道.

以下链接详细讲解了关于RGBA的用法和实例

http://www.w3cplus.com/node/45

CSS HSL颜色表示法:

color:hsl(360, 100%, 75%);
color:hsl(120, 100%, 75%);
color:hsl(240, 100%, 75%);

HSL颜色表示法就是使用色相(hue),饱和度(saturation),亮度(lightness)表示颜色的一种方法.

CSS HSLA颜色表示法:

color:hsla(360, 100%, 50%, 1);
color:hsla(120, 100%, 50%, 1);
color:hsla(240, 100%, 50%, 1);

HSLA颜色表示法就是在HSL颜色的基础上增加了Alpha通道.

有关于颜色渐变

http://www.w3cplus.com/content/css3-gradient

免责声明:文章转载自《CSS 颜色相关》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ubuntu建立文件或者文件夹软链接张瑞敏:企业要长“第三只眼”下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

学会使用ip池和cookie池伪装

在进入正题之前,我们先复习一个关于requests模块的相关知识点: requests中解决编码的三种方法: ①response.content 类型:bytes 解码类型:没有指定 如何修改编码方式:response.content.decode() ②response.content.decode() 类型:str 解码类型:解码成python文本的字...

Ubuntu下添加开机启动项的2种方法

1、方法一,编辑rc.loacl脚本 Ubuntu开机之后会执行/etc/rc.local文件中的脚本,所以我们可以直接在/etc/rc.local中添加启动脚本。当然要添加到语句:exit 0 前面才行。如: 复制代码 代码如下: sudo vi /etc/rc.local 然后在 exit 0 前面添加好脚本代码。 2、方法二,添加一个Ubuntu的...

python2.7.12操作Hbase

前置条件:您已经安装好Hbase、python2.7题外话:最好自己安装个虚拟环境,以下操作都是在虚拟环境中的(ma) hadoop@master:/usr/local/pycharm/bin$ sudo pip install thrift[sudo] password for hadoop: The directory '/home/hadoop/.c...

pcre和正则表达式的误点

本文只是关于正则一些容易出错的地方,关于正则的学习,可参考如下两篇文章: 基础正则:https://www.cnblogs.com/f-ck-need-u/p/9621130.html Perl正则:https://www.cnblogs.com/f-ck-need-u/p/9648439.html 1.正则中所有的匹配模式,都应该理解为"匹配了某字符或字符...

pyspark mongodb yarn

from pyspark.sql import SparkSessionmy_spark = SparkSession .builder .appName("myApp") .config("spark.mongodb.input.uri", "mongodb://pyspark_admin:admin123@192.168.2.5...

IDEA内置常用代码模板和DUG模式

/**IDEA中代码模板 psvm 调用main方法 sout 调用输出语句 soutp :可以打印形参 soutm :打印方法名 soutv:打印变量fori:for循环 iter:增强for循环 ifn 或者 XX.null: if (XX == null) {} inn 或者 XX.nn : if (XX != null) {}prsf :...