您现在的位置:首页行业资讯

Web前端开发基础知识必备,CSS颜色那些事儿--中享思途

青岛web开发培训--中享思途

一、CSS的颜色
我们前面使用过的颜色都是最直观的,如:color: red; 这种方式称之为关键字颜色,使用关键字方法表示的颜色数量是有限的。所以在CSS中推荐使用十六进制颜色的表示方法,如:color: #8A2BE2; 这个是CSS中最流行的颜色的设置方法。除此之外还有一种不常用的叫十进制颜色的表示方法,如:color: rgb(255,19,102);
示例:
color:red;
color:#ff0000;
color:rgb(255, 0, 0);
color:black;
color:#000000;
color:rgb(0,0,0);
color:yellow;
color:#ffff00;
color:rgb(255,255,0);

青岛web开发培训--中享思途

这里有三个关键字颜色,以及和他们表示相同颜色的十六进制颜色和十进制颜色
二、十六进制颜色
十六进制深受所有浏览器喜爱,每个十六进制颜色由红、绿、蓝三部分组成,
如:#FFFF00
1)除了#号之外,前面两个字符表示这个颜色中包含多少红色
2)中间的两个字符表示,颜色中包含多少绿色
3)最后两个字符表示,颜色中蓝色包含多少
其实这就是光的三原色:红绿蓝,所有的颜色都可以像这样分成三部分,三部分组合起来就表示一个最终的颜色,三原色可以组合成任何一种颜色。如:
#FFFF00 这个颜色包含最大数量的红色和绿色,但是不包含蓝色,这个颜色就是黄色
4)红、绿、蓝这三种颜色,每一个部分的取值范围都可以从十六进制的00-FF,或者从十进制的0-255。
5)计算十六进制色,如:#7403AB
红:7*16+4*1=116
绿:0*16+3*1=3
蓝:10*16+11*1=171
这个颜色用十进制颜色表示是:rgb(116,3,171)
在这个颜色中有一些红色,几乎没有绿色,还有一些比红色稍微多一些的蓝色,所以组合起来是紫色。
6)使用十六进制数来设置颜色,三个颜色,每个颜色有256种可能的取值,三种颜色组合起来是:256*256*256=16777216种颜色
7)十六进制颜色取值的范围是:#000000-#FFFFFF,其中六个0表示黑色,六个F表示白色;十进制颜色的取值范围是:rgb(0,0,0)-rgb(255,255,255),其中三个零表示黑色,三个255表示白色。
示例:

青岛web开发培训--中享思途

三、RGB颜色(十进制颜色)
RGB颜色也是个被所有浏览器宠爱的成员,如:rgb(116,3,171),其中小括号中的第一个数字代表红色,第二个数字代表绿色,第三个数字代表蓝色,每个参数 (red、green 以及 blue) 定义颜色的强度,数值可以是 0 - 255 之间的整数,或者是百分比(从 0% 到 100%)。
如:rgb(0,0,255) 值为蓝色,因为红色和绿色都为0,表示没有, blue被设置为最高值255。
四、CSS 颜色名(关键字颜色)
HTML 和 CSS 颜色中定义了 147 种颜色名,17 种标准颜色加 130 种其他颜色。
17 种标准色是 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow。
结束语:
关于CSS颜色分类主要就是以上三种,在CSS中使用没有太大区别,主要是表达形式不大一样,颜色是CSS中的小成员,希望大家都能熟悉和掌握。

【关键词:青岛web开发培训,学web开发多少钱,web开发培训哪家好,中享思途】

 st_bottom
青岛Java培训,青岛HTML5培训,青岛UI培训,青岛IT培训,青岛嵌入式培训,青岛运维培训,Java就业培训,专业ui培训,前端开发培训,嵌入式培训价格,运维培训哪家好,IT培训,青岛思途,中享思途IT培训
Copyright © 青岛思途共享科技信息服务有限公司 鲁ICP备14027489号-2

鲁公网安备 37021402000988号

青岛Java培训,青岛HTML5培训,青岛UI培训,青岛IT培训,青岛嵌入式培训,青岛运维培训,Java就业培训,专业ui培训,前端开发培训,嵌入式培训价格,运维培训哪家好,IT培训,青岛思途,中享思途IT培训