一.行内样式表
? <body style="background-color: #FF0000;">?
????? <p>这个页面是红色的</p>
? </body>
二.内部样式表
? <head> ?
??<title>例子</title>????
?? <style type="text/css"> ???????
???body {background-color: #FF0000;} ???
?? </style> ?
?? </head>
?
style.css
文件内容如下：
?body {
??? background-color: #FF0000;
?}
<head>
??? <title>我的文档</title>
??? <link rel="stylesheet" type="text/css" href=“style/style.css" />
? </head>
颜色在CSS里的应用非常广泛，如：color，border，background，box-shadow等的属性都接受颜色值作为属性值。CSS颜色值的设置也是多样化的，以下是到目前为止CSS中颜色值设置的方法。
CSS 预定义颜色(就是使用颜色的英文)
W3C定义了一组SVG的颜色表，同样是CSS颜色模块所指的颜色，他们是一些指向特定颜色的单词，如：white, black ,red等。color:red; color:green; color:blue; 以下是16种标准颜色值表
| ? | Black = #000000 | ? | Green = #008000 | ? | Silver = #C0C0C0 | ? | Lime = #00FF00 |
| ? | Gray = #808080 | ? | Olive = #808000 | ? | White = #FFFFFF | ? | Yellow = #FFFF00 |
| ? | Maroon = #800000 | ? | Navy = #000080 | ? | Red = #FF0000 | ? | Blue = #0000FF |
| ? | Purple = #800080 | ? | Teal = #008080 | ? | Fuchsia = #FF00FF | ? | Aqua = #00FFFF |
transparent 关键字
transparent 表示完全透明，CSS1中，它只能在 background 属性中使用，CSS2中，添加到了 border 属性，而在 CSS3 中，transparent 能够在任何写颜色的属性中使用。
CSS RGB颜色
以 RGB 标记颜色，就是一个颜色中红色R，绿色G，蓝色B 的强度值，这三原色混合后呈现出的颜色,每种颜色的取值范围为0~255。color:rgb(255,0,0); color:rgb(0,255,0); color:rgb(0,0,255);
CSS RGB百分比颜色
RGB百分比颜色表示法就是利用百分比来表示颜色中红色R，绿色G，蓝色B 的强度值,其中RGB中的0就代表百分比中的0%,RGB中的255就代表百分比中的100%。要注意的是，RGB颜色和RGB百分比颜色不能混用。color:rgb(100%, 0%, 0%); color:rgb(0%, 100%, 0%); color:rgb(0%, 0%, 100%); color:rgb(100%, 0, 20%); /* 错误的写法，整数和百分比方式不能混用*/
CSS RGBA颜色
RGBA颜色就是在RGB颜色的基础上增加了Alpha通道，即扩展了透明度的 RGB 色彩模式， a 定义了该颜色的透明度，取值0~1之间。color:rgba(255,0,0,1); color:rgba(0,255,0,0.2); color:rgba(0,0,255,0.1);
CSS 16进制颜色
用三对十六进制数分别表示RGB中的三原色，如：color:#1199ff 其中11代表R的颜色,99代表G的颜色,ff代表B的颜色,十六进制的颜色需在值前面再加一个#号。color:#ff0000; color:#00ff00; color:#1199ff;
CSS 短16进制颜色,属于web safe colors(网络安全色)
短16进制颜色就是当16进制颜色值中的两个表示颜色值的数字一样的时候，可以简写，如color:#ff0000;可简写为color:#f00。color:#f00; color:#0f0; color:#00f;
CSS HSL颜色
HSL 不同于 RGB 的色彩模式，HSL颜色是使用色相(hue)，饱和度(saturation)，亮度(lightness)表示颜色的一种方法。color:hsl(360, 100%, 75%); color:hsl(120, 100%, 75%); color:hsl(240, 100%, 75%);
CSS HSLA颜色
HSLA颜色表示法就是在HSL颜色的基础上增加了Alpha通道，扩展了对透明度的支持。color:hsla(360, 100%, 50%, 1); color:hsla(120, 100%, 50%, 1); color:hsla(240, 100%, 50%, 1);
注意：
1、用16进制表示颜色时，要用在值前加#号。
2、CSS定义的预定义颜色共有3147种，使用预定义颜色更直观、简单。
3、一个等式rgb(255,255,255) = rgb(100%,100%,100%) = #FFF = #FFFFFF
4、IE 7-8 的 transparent 属性只能被应用于 background 和 border 属性。
5、RGBa颜色现在在Webkit 和Gecko 核心的浏览器被支持，IE各个版本的浏览器和Opera还都不支持。
?