如：white、red、greenyellow、gold等。
2、用十六进制的颜色值表示(红、绿、蓝)
#FF0000或者#F00
3、用rgb(r,g,b)函数表示
如：rgb(255,255,0)
4、用hsl(Hue,Saturation,Lightness)函数表示（色调、饱和度、亮度）
如：hsl(120,100%,100%),色调0代表红色，120代表绿色，240代表
蓝色
5、用rgba(r,g,b,a)函数表示
其中a表示的是改颜色的透明度，取值范围是0~1，其中0代表完全透明。
6、用hsla(Hue,Saturation,Lightness,alpha)函数表示
色调、饱和度、亮度、透明度
2018.7.16
em,px,都为长度单位，CSS直接设置就可以。
%不是一个长度单位，比如2%就是一个完整的值，是一个整体，比如0.02是一个值，没错，2%也同样是值（出处：《css世界》）
注：有一个特殊情况需要注意，如果，p为span的父元素（如下情况）
css里设置为
p{font-size:14px}
span{font-size:0.8em}
自然就会继承父元素，然后再进行子元素的独特性，即（14*0.8=11.2px）以父元素的px为单位。
简写：当值为0px时，可以简写为0。(如下图所示)
颜色设置有 三种方法
第一种就是直接用英文名字（p{color:red}）第二种就是根据R(red)G(green)B(blue)颜色的比例来配色,每一项地值在0-255之间，也可以用百分比（p{color:rgb(133,45,200)}）第三种就是常用的，原理也是rgb设置，但是将255变成了十六进制（p{color:#336699}）
补充：background-color属性接受任意合法的CSS颜色值，如预定义颜色名、十六进制数值、RGB值、RGB百分比、RGBA值、HSL值、HSLA值（这些都是颜色设置的）
tips:1.十六进制的如果每两个之间数字相同可以简写成一个，如上面的p{color:#336699}为p{color:#369}
2.RGB和我当时学的美术的三原色相类似，美术三原色为红黄蓝。（三间色可以直接用三原色调出，红黄为橙，红蓝为紫，黄蓝为绿）
之前一直分不太清楚，今天试了一下，然后懂了。（如下图）
margin为边界，又可以叫做外边框；padding为内边框，也为“填充”。
流动模型为网页的默认模型，流动模型的块元素是自上而下，行元素是从左到右显示。
模型移动（以层模型中的元素为例）
向右移动和向下移动不是我想的right:XXbottom:XX
而是距离左边XX,距离上面XX，距离原来的0，动了XX那么多，自然就是向那里移动了XX。（默认位置为左上角）
另外，层模型使得元素块移动后，它移动前的仍然保留。
区别：作用不同
color用于设置字体颜色，而background-color同于设置背景颜色。
实例
1、color
body { color:red} h1{ color:#00ff00} p{ color:rgb(0,0,255)}
2、background-color
body{ background-color:yellow} h1{ background-color:#00ff00} p { background-color:rgb(255,0,255)}
扩展资料
background-color范围
background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。
color范围
这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框，除非被 border-color 或另外某个边框颜色属性覆盖。
color参数
1、color_name：规定颜色值为颜色名称的背景颜色（比如 red）。
2、hex_number：规定颜色值为十六进制值的背景颜色（比如 #ff0000）。
3、rgb_number：规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）。
4、transparent：默认。背景颜色为透明。
5、inherit：规定应该从父元素继承 background-color 属性的设置。
