HTML之调色原理

2016-01-29 11:57 4 1 收藏

HTML之调色原理,HTML之调色原理

【 tulaoshi.com - Html 】

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)

■ 调色原理:

  HTML 的颜色表示可分两种:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)以命名方式定义常用的颜色,如 。 以 RGB 值表示,如 表示 red。

  命名方式所包括的色种不多也不是很方便,所以较少采用,以下介绍 RGB 值的原理:

  众所周知颜色是由 "" "green" "blue" 三原色组合而成的,在 HTML 中对于彩度的定义是采用十六进制的,对于三原色 HTML 分别给予两个十六进位去定义,也就是每个原色有 256 种彩度,故此三原色可混合成一千六百多万个颜色。

  例如

  白色的组成是 red=ff, green=ff, blue=ff, RGB 值即为 ffffff
  红色的组成是 red=ff, green=00, blue=00, RGB 值即为 ff0000
  绿色的组成是 red=00, green=ff, blue=00, RGB 值即为 00ff00
  蓝色的组成是 red=00, green=00, blue=ff, RGB 值即为 0000ff
  黑色的组成是 red=00, green=00, blue=00, RGB 值即为 000000

  应用的时候通常在 RGB 值前加上符号 以示分别,但不加也可。

■ HTML 基本架构:

按不同颜色按钮以测试前景颜色的效果 按不同颜色按钮以测试背景颜色的效果
或输入一个 RGB 颜色值或名称

■ 16 常用颜色表:

ColorValueName ColorValueName #00FFFFaqua

来源:https://www.tulaoshi.com/n/20160129/1484040.html

延伸阅读
  ===TODAY HTC=== <HEAD <PUBLIC:COMPONENT tagName="DAY" <PROPERTY NAME="value"</PROPERTY <ATTACH EVENT="oncontentready" ONEVENT="fnInit()"</ATTACH </PUBLIC:COMPONENT <STYLE .clsDay { width:50; height:50; background-color: pink; align:center; text-align:right; } </STYLE <SCRIPT L...
  ====日历主页面=== <head <titleCalendar Example</title <?IMPORT NAMESPACE="MYCAL" IMPLEMENTATION="calendar.htc"/ </HEAD <BODY <PClick a day in the calendar to add or modify your schedule.</P <MYCAL:CALENDAR</MYCAL:CALENDAR </BODY </HTML ===CALENDAR HTC=== <HEAD...
  ====日历主页面=== <head <titleCalendar Example</title <?IMPORT NAMESPACE="MYCAL" IMPLEMENTATION="calendar.htc"/ </HEAD <BODY <PClick a day in the calendar to add or modify your schedule.</P <MYCAL:CALENDAR</MYCAL:CALENDAR </BODY </HTML ===CALENDAR HTC=== <HEAD...
  ■ 常用特殊字符: 只要你认识了 HTML 标记,你便会知道特殊字符的用处。 HTML 原代码 显示结果 描述 &lt;<小于号或显示标记&gt;大于号或显示标记&amp;&可用于显示其它特殊字符&quot;"引号&reg;®已注册&copy;©版权&trade;™商标&ensp; 半个空白位&emsp; ...
  ■ 框架标记 <FRAMESET <FRAME <NOFRAMES <IFRAME 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■ 框架概念 : 谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 <FRAMESET <FRAME 即可,面所有框架...