开发者学堂课程【零基础学前端 HTML+CSS：颜色】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/398/detail/5132
颜色
内容介绍
一．什么是 CSS 颜色
二．CSS 颜色值的定义方式
一．什么是 CSS 颜色
在 CSS 样式中背景颜色并不是指网页的背景，而是每个对象都有背景颜色，div、table、td、tr 都有背景，写的背景颜色给哪个元素引用，就是哪个元素的背景颜色。
在这之中会经常发现背景颜色的写法：
1.background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。
2.这条规则把元素的背景设置为灰色∶
3.p {background-color: gray;}
可以用文字中颜色的值，颜色的值有一个颜色的表，工具中会有提词的选项，涉及了比较常见的 256 中颜色。
4.body {background-color:#b0c4de;}用 16 进制的值来划分，一种值是一种颜色。
5.页面背景变颜色
二．CSS 颜色值的定义方式
页面背景变颜色 CSS 中，颜色值通常以以下方式定义:
1.用十六进制的值表示–如:" #ff0000"
16 进制的值可以用作图软件中的颜色框，在颜色框中，取色器取到某一种颜色都显示从 FF 到 00 的一个值，每一个值对应每一种颜色，颜色也可以调，调完之后也是其中一种颜色。
例子：想要 #FF9900 当网页的背景颜色
首先建立 color.html
<!DOCTYPE html>
<html>
<head lang=" en">
<meta charset="UTF-8">
<title</title>
<style>
body{
background-color:#FF9900;
//这种是用十六进制的值来展示
}
</style>
</head>
<body>
</body>
刷新后效果图：
2.RGB -如:" trgb(255,0,0)"
用 RGB 的颜色定义，trgb(255,0,0) 代表的就是红色，可以在颜色表中去调trgb（）中的数值，调完之后记下 trgb（）中的数值。
3.颜色名称–如: "red"
已经配置好的颜色，有配色表。
<!DOCTYPE html>
<html>
<head lang=" en">
<meta charset="UTF-8">
<title></title>
<style>
body {
background-color:rgb(255,0, 0) ;
//用 RGB 的形式来改变里边样式的值
}
</style>
</head>
<body>
</body>
</html>
运行结果如下图：
一般使用 16 进制值和有配色表的来进行配色，但配置颜色最终根据设计人员做的原始效果图来进行颜色的配置。
