HTML&CSS基础-颜色的单位表示方法

                                          作者:尹正杰

版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.HTML源代码

<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title>颜色的单位表示方法</title> <style type="text/css">
/**
* 颜色单位:
* 在CSS可以直接使用颜色的单词来表示不同的颜色,如:
* 红色:red
* 蓝色:blue
* 绿色:green
* 黄色:yellow
* 深粉红色:deeppink
* ......
*
* 也可以使用RGB值来表示不同的颜色:
* 所谓的RGB值指的是通过Red,Green,Blue三元色,通过这三种颜色的不同的浓度,来表示出不同的颜色。
* 语法:
* rgb(红色的浓度,绿色的浓度,蓝色的浓度);
* 颜色的浓度需要一个0-255之间的值,255表示最大,0表示没有。
* 浓度也可以采用一个百分数来表述,需要一个0%-100%之间的数字,使用百分数最终也会转换为0-255这之间的数,0%表示0,100%表示255.
*
* 也可以使用十六进制的rgb值来表示颜色:
* 原理和上边的RGB原理一样,只不过使用十六进制数来代替,使用三组两位的十六进制数组来表示一个颜色,每一组表示一个颜色:
* 第一组表示红色的浓度,范围00-ff
* 第二组表示绿色的浓度,范围00-ff
* 第三组表示蓝色的浓度,范围00-ff
*
* 语法:
* #红色绿色蓝色
* 00表示没有,相当于rgb中的0
* ff表示最大,相当于rgb中的255
* 红色:
* #ff0000,像这样两位两位重复的颜色可以简写为f00
* 绿色:
* #00ff00,像这样两位两位重复的颜色可以简写为0f0
* 蓝色:
* #0000ff,像这样两位两位重复的颜色可以简写为00f
*
* 注意:
* 上面可以简写是因为两位两位重复的颜色,类似于"aabbcd"这样的就没法简写,因为最后一组并不重复哟~
*/ .hello {
width: 200px;
height: 200px;
background-color: rgb(172, 30, 1);
} .world {
width: 200px;
height: 200px;
background-color: rgb(100%, 100%, 50%);
} .good{
width: 200px;
height: 200px;
background-color: #abc;
}
</style>
</head> <body> <div class="hello"></div>
<div class="world"></div>
<div class="good"></div>
</body> </html>

二.浏览器打开以上代码渲染结果

 

数据库入门理论知识介绍以及编译安装MySql的更多相关文章

  1. ElasticSearch实战系列四: ElasticSearch理论知识介绍

    前言 在前几篇关于ElasticSearch的文章中,简单的讲了下有关ElasticSearch的一些使用,这篇文章讲一下有关 ElasticSearch的一些理论知识以及自己的一些见解. 虽然本人是 ...

  2. 源码编译安装 MySQL 5.5.x 实践

    1.安装cmakeMySQL从5.5版本开始,通过./configure进行编译配置方式已经被取消,取而代之的是cmake工具.因此,我们首先要在系统中源码编译安装cmake工具. # wget ht ...

  3. CentOS 编译安装 mysql

    1.前期准备 1.1 环境说明: 操作系统: CentOS release 6.4 (Final) [查看命令 cat /etc/redhat-release ] mysql : mysql-5.6. ...

  4. Linux CentOS6.5下编译安装MySQL 5.6.16【给力详细教程】

    一.编译安装MySQL前的准备工作 安装编译源码所需的工具和库 yum install gcc gcc-c++ ncurses-devel perl 安装cmake,从http://www.cmake ...

  5. Linux编译安装Mysql步骤

    一. Centos 用 wget 下载需要的软件,保存到目录/home/zwl/MySql/下 wget http://dev.mysql.com/get/Downloads/MySQL-5.5/my ...

  6. CentOS下编译安装MySQL 5.6.21

    一.编译安装MySQL前的准备工作 安装编译源码所需的工具和库 yum install gcc gcc-c++ ncurses-devel perl 安装cmake:http://www.cnblog ...

  7. 源码编译安装 MySQL 5.5.x 实践(转)

    1.安装cmakeMySQL从5.5版本开始,通过./configure进行编译配置方式已经被取消,取而代之的是cmake工具.因此,我们首先要在系统中源码编译安装cmake工具. # wget ht ...

  8. Linux 环境编译安装mysql (源码安装包)

    标注: Linux需要先配置网络yum源,确定yum能在线安装软件包,方便测试过程中安装部分依赖包.配置163网易提示的网络yum源参考博客  http://www.cnblogs.com/zoulo ...

  9. Linux(CentOS6.5)下编译安装MySQL Community Server 5.7.12

      组件 官方网站 直接下载地址 备注 mysql http://dev.mysql.com/downloads/mysql/ http://mirrors.sohu.com/mysql/MySQL- ...

随机推荐

  1. Github学习心得体会

    https://github.com/Accredit/TEST 在本学期第一次接触Github,在系统的学习了Github的使用之后,自己对Github有了一个基本的使用了解.在这个过程中,自己也认 ...

  2. 第三个spring冲刺第4天

    今天,我们在难度选择方面做了谈论,根据难度选择题目的难易和数量,在计时器方面应该有相应的配合,由此决定难易度,因此,我们要做好谈论,为这个难易度做好准备去编译,以免出现混乱.

  3. Prism6下的MEF:基于微软企业库的Cache

    通常,应用程序可以将那些频繁访问的数据,以及那些需要大量处理时间来创建的数据存储在内存中,从而提高性能.基于微软的企业库,我们的快速创建一个缓存的实现. 新建PrismSample.Infrastru ...

  4. centos7编译安装zabbix(附带编译安装lnmp)

    先把防火墙和selinux关闭: sytemctl stop firewalld setenforce 0 1.yum安装依赖: yum -y install wget openssl* gcc gc ...

  5. [2017BUAA软件工程]第0次作业

    第一部分:结缘计算机 1. 你为什么选择计算机专业?你认为你的条件如何?和这些博主比呢?(必答) 选择计算机专业的一个重要原因是因为计算机专业的就业前景好,由于计算机本身具有的各种优点,现在几乎所有的 ...

  6. A glance for agile method

    看看Apache最新的JIRA,新版的JIRA是有Agile模块的. Scrum早有耳闻,接触得也比较多,Kanban一次面试中提到过.今日深入查阅KanBan: http://www.agilewe ...

  7. PP学习笔记02

    SPRO SAP参考IMG MM03 物料视图 生产计划编制 需求管理 已计划的独立需求 需求类型 策略组 定义策略 策略组 主要策略(独立需求 ) 客户需求类型 需求类 (计划标识符.消耗标识.需求 ...

  8. Delphi 实现获取其他程序的子窗体

    通过一个父窗体的句柄,递归的枚举它的子窗体,我们可以最终找到需要的子窗体. 用法如下: nParentHandle: HWnd; nChildHandle: HWnd; nParentHandle : ...

  9. 关于JavaScript中this的软绑定

    首先,什么是软绑定? 所谓软绑定,是和硬绑定相对应的一个词,在详细解释软绑定之前,我们先来看看硬绑定.在JavaScript中,this的绑定是动态的,在函数被调用的时候绑定,它指向什么完全取决于函数 ...

  10. Centos7 Journald 指令

    Journald是为Linux服务器打造的新系统日志方式,它标志着文本日志文件的终结.现在日志信息写入到二进制文件,使用journalctl阅读,要获得这些信息,Linux管理员将需要一些实践. Re ...