CSS颜色值的三种形式:名称、RGB和十六进制

对颜色的控制,CSS编码必不可少。在这方面涉及的不是很多。但这是基础知识,新手朋友需要作一些了解,老手们就可以省略不看了。

  从理论上说,CSS可以处理的颜色数量大概是:16,777,216。够用了吧。如何表现这些颜色呢,主要是通过三种形式:

 
  1、名称 如:blue
  2、RGB 如:255,0,0
  3、十六进制 如:#ff6600
  如果我们要设置红色,可以是下面的形式:

 
名称:red
RGB:rgb(255,0,0)
RGB:rgb(100%,0%,0%)
十六进制:#ff0000
十六进制:#f00
  在具体开发中,你可以参考下面的文件:
  

  如图所示:

  CSS有十七个预先确定的颜色,它们是:
  aqua, black, blue, fuchsia, gray,
  green, lime, maroon, navy, olive,
  orange, purple, red, silver,
  teal, white, yellow.
  (注意:transparent 透明 也是一个正确的值。)

  rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。

  十六进制三或六个数字长度前面带上#字符,三个长度是六个的压缩形式,比如#00f是#0000ff的压缩,#c30是#cc3300。三位数很好理解,像rgb,第一个是红色,第二个是绿色,第三个蓝色。但六位数可以实现更多的颜色控制。

时间: 2024-07-28 20:18:23

CSS颜色值的三种形式:名称、RGB和十六进制的相关文章

Ajax的三种形式(开源项目)

ajax|项目   1 大大减少了服务器端和客户端的数据流量,不像submit-responce时代需要参杂大量的html脚本. 2 丰富了客户端的相应,例如表单子段的提示输入,数据验证.多级列表的实现.树桩菜单的动态加载等等 需要注意的事:Ajax设计时候一定要考虑用户界面事件触发的无序性.1 对一些有写操作的地方,要根据情况实行界面锁定功能,即提交完成前,不可以进行其他操作.2 任何操作都要给用户 Load... 这样的提示 Ajax的三种形式 1 最原始的XMLHTTPRepuest方式,

外链三种形式的重要性

外链大家都会发,而且对外链的认识相信大家都有很独特的见解,今天主要跟大家谈谈的是关于外链的三种形式:锚文本链接.有效相关域.无效相关域. 一.锚文本链接-可点击的文字链接 相信站长朋友们对锚文本外链不要太熟悉啊,这也是站长们最喜欢的一种外链形式.锚文本外链不仅可以提高网站的权重.提高关键词的排名,还可以指引蜘蛛爬取你的网站,提高蜘蛛对你网站的粘稠度.我们可以通过锚文本链接做长尾词来提高排名,从而给网站带来大量的流量.我们在做锚文本链接时可以在一些高权重的论坛发锚文本链接,有些软文也可以通过文章来

jsp页面中插入css样式的三种方法总结

 本篇文章主要是对jsp页面中插入css样式的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1. 外部样式   当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用<link>标签链接到样式表.<link>标签在(文档的)头部:   <head> <link rel="stylesheet"  type="text/css&qu

JBoss 对于EJB QL扩展的三种形式

JBoss 对于EJB QL扩展的三种形式 Author: sam shaEmail : sam_sha@sina.com.cnDate: 2004-3-18 EJB 2.0 规范后,提供了一个种描述实体bean查找的方法,这个语言被称为EJB QL.EJB QL 类似于 SQL, 但是做了修改以支持EJB的概念,同时,为了易于在众多EJB服务器上实现,删减了许多功能.在2.0版本上,支持的功能还有限.一个EJB查询仅支持SELECT,FROM,WHERE三个子句.举例说明:MySQL 表new

研究一下标题间隔符三种形式的优差对比的重要性

摘要: 一些朋友都知道网站的前期策划对网站运营的意义,很多新手甚至一些老手当网站运营一段时间以后突然发现某些设置不太合理这个时候就想对网站进行局部微调,标题的间隔符就是其 一些朋友都知道网站的前期策划对网站运营的意义,很多新手甚至一些老手当网站运营一段时间以后突然发现某些设置不太合理这个时候就想对网站进行局部微调,标题的间隔符就是其中很多站长朋友比较迷惑的地方,今天减肥亲小编就以亲身经历和大家一起研究一下标题间隔符三种形式的优差对比的重要性: 一.半角逗号形式的间隔符 应该说以前甚至现在用的比较

jQuery操作元素css样式的三种方法_jquery

我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的:而jQuery里提供三种方法来实现这个功能,虽然它们和传统方法的思想相通,但是却节省了许多代码.还是那句话 - "jQuery让JavaScript代码变得简洁!" 1. addClass() - 添加CSS类 $("#target").addClass(&q

js改变css样式的三种方法推荐_基础知识

共用代码: <div id="div"> this is a div </div> var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:250px;height:250px;border:1px red solid;'; 第二种:用setProperty() div.style.setProperty('width','250px'); div.style.s

html 按钮的三种形式

第一种:form表单 中使用<button>提交表单 <button class="btn btn-primary"><i class="fa fa-search"></i>商品搜索</button> 第二种 <input type="submit"> <input type="submit" class="btn btn-primary&

应用Linux远程连接技术常见的三种形式

远程控制是在网络上由一台计算机(主控端Remote/客户端)远距离去控制另一台计算机(被控端Host/服务器端)的技术,这里的远程不是字面意思的远距离,一般指通过网络控制远程计算机,不过,大多数时候我们所说的远程控制往往指在局域网中的远程控制而言. 当操作者使用主控端计算机控制被控端计算机时,就如同坐在被控端计算机的屏幕前一样,可以启动被控端计算机的应用程序,可以使用被控端计算机的文件数据,甚至可以利用被控端计算机的外部打印设备(打印机)和通信设备(http://www.aliyun.com/z