background:
颜色表示法: 单词; rgb表示法; 十六进制表示法
rgb:红色 绿色 蓝色 三原色
光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。
用逗号隔开，r、g、b的值，每个值的取值范围0~255，一共256个值。
如果此项的值，是255，那么就说明是纯色
黑色：
光学显示器，每个元件都不发光，黑色的。
白色：
颜色可以叠加，比如黄色就是红色和绿色的叠加：
再比如：
就是红、绿、蓝三种颜色的不同比例叠加。
十六进制表示法:
16进制表示法 红色： background-color: #ff0000; 所有用#开头的值，都是16进制的。 #ff0000：红色 16进制表示法，也是两位两位看，看r、g、b，但是没有逗号隔开。 ff就是10进制的255 ，00 就是10进制的0，00就是10进制的0。所以等价于rgb(255,0,0); 怎么换算的？我们介绍一下 我们现在看一下10进制中的基本数字（一共10个）: 0、1、2、3、4、5、6、7、8、9 16进制中的基本数字（一共16个）: 0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f 16进制对应表： 十进制数 十六进制数 0 0 1 1 2 2 3 3 …… 10 a 11 b 12 c 13 d 14 e 15 f 16 10 17 11 18 12 19 13 …… 43 2b …… 255 ff 十六进制中，13 这个数字表示什么？ 表示1个16和3个1。 那就是19。 这就是位权的概念，开头这位表示多少个16，末尾这位表示多少个1。 小练习： 16进制中28等于10进制多少？ 答：2*16+8 = 40。 16进制中的2b等于10进制多少？ 答：2*16+11 = 43。 16进制中的af等于10进制多少？ 答：10 * 16 + 15 = 175 16进制中的ff等于10进制多少？ 答：15*16 + 15 = 255 所以，#ff0000就等于rgb(255,0,0) background-color: #123456; 等价于： background-color: rgb(18,52,86); 所以，任何一种十六进制表示法，都能够换算成为rgb表示法。也就是说，两个表示法的颜色数量，一样。 十六进制可以简化为3位，所有#aabbcc的形式，能够简化为#abc; 比如： background-color:#ff0000; 等价于 background-color:#f00; 比如： background-color:#112233; 等价于 background-color:#123; 只能上面的方法简化，比如 background-color:#222333; 无法简化！ 再比如 background-color:#123123; 无法简化！ 要记住： #000 黑 #fff 白 #f00 红 #333 灰 #222 深灰 #ccc 浅灰