CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0（十六进制 00）。最高值是 255（十六进制 FF）。
十六进制值使用三个双位数来编写，并以 # 符号开头。
颜色
颜色 HEX
颜色 RGB
#000000rgb(0,0,0)
#FF0000rgb(255,0,0)
#00FF00rgb(0,255,0)
#0000FFrgb(0,0,255)
#FFFF00rgb(255,255,0)
#00FFFFrgb(0,255,255)
#FF00FFrgb(255,0,255)
#C0C0C0rgb(192,192,192)
#FFFFFFrgb(255,255,255)
亲自试一试
1600 万种不同的颜色
从 0 到 255 种红绿蓝值能够组合出总共超过一千六百万种不同的颜色（根据 256 x 256 x 256 计算）。
大多数现代的显示器都能显示出至少 16384 种不同的颜色。
如果您查看下面的表格，您将看到红光从 0 到 255 变化后的结果，此时绿光和蓝光为零。
如需查看红光由 0 向 255 变化的完整颜色混合器列表，请点击下面的十六进制值或 rgb 值。
CSS3的属性为什么要带前缀
使用过CSS3属性的同学都知道，CSS3属性都需要带各浏览器的前缀，甚至到现在，依然还有很多属性需要带前缀。这是为什么呢？我的理解是，浏览器厂商以前就一直在实施CSS3，但它还未成为真正的标准。为此，当一些CSS3样式语法还存在波动时，它们提供针对流星器的前缀。
现在主要流行的浏览器内核主要有：
Trident内核主要代表为IE浏览器
Gecko内核：主要代表为Firefox
Presto内核：主要代表为Opera
Webkit内核：产要代表为Chrome和Safari
而这些不同内核的浏览器，CSS3属性（部分需要添加前缀的属性）对应需要添加不同的前缀，也将其称之为浏览器的私有前缀，添加上私有前缀之后的CSS3属性可以说是对应浏览器的私有属性：
Trident内核：前缀为-ms
Gecko内核：前缀为-moz
Presto内核：前缀为-o
Webkit内核：前缀为-webkit
-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性
来看一个简单的示例，早期写一个圆角border-radius，需要这样写：
什麼是CSSCSS的全名是Cascading Style Sheets（串接样式表）。它是由许多样式名称和样式指定值所组成的字串，我们可以利用设定好的样式表，指定给某一种HTML标签，或某一群组HTML标签来使用。而被套用的HTML标签，将会依据所套用的CSS来显式它的外观。
CSS可说是JavaScript物件模型的一个重要部份，因为在CSS设定之后，我们还可以利用JavaScript重新指定不同的值给元件，而达成动态改变的效果（JavaScript动态改变的功能IE已完全支援，但NC只支援极少部份）。试想我们利用CSS将一段文字设为红色，再利用JavaScript将它改变为篮色，这就是一种动态网页效果啦（NC目前做不到）！
css是用来延伸html而非取代htnl,是用来补html的不足
IE4.0及Netscape支援CSS1.0版,而IE5.0则支援到部分CSS2.0
CSS利用各式的排版样式来辅助HTML，其简洁的语法可以很容易的控制HTML标记，而且最大的功能是可以将资料与显示格式分开处理 ( 以 . CSS 为副档名储存成一个独立的文字档 ) 。
CSS的特点
减少图档的使用,便可以达到文字变化的需求,加快网页传输的速度
集中管理样式,当修改时只需针对样式修改即可
共享样式设定,CSS可另外存档,供每一个网页取用共享
使用CSS有什麼好处
CSS的最大好处是提供了HTML所不支援的属性。例如<FONT>中只可设定文字前景颜色，但CSS可指定背景颜色、背景图形甚至帮它画个外框！所以CSS的出现，将使我们可以运用更多不同的属性，当然网页也会更漂亮啦！
用CSS将会使网页设计速度增快。我们常常会用到许多参数完全相同的标签，如可能用到好几次参数设定一样的<FONT>标签，而还是得每次都重新指定所用的参数。但如果用CSS，就大不相同了！我们可以指定一群的标签都套用某个CSS，这样设定一次全部OK，不是很方便吗？
让许多网页用同一份CSS，可减少网页体积。CSS可独立写成一个档案，再由浏览器於需要时读入。如果数个档案共用一份CSS，将可达到减小网页体积的功效，而且也可以减低网路传输的负荷，可谓一举多得！
串接
让HTML文件可同时套用数个样式表,每个样式表描述不同的物件
将这些样式串接同一网页上,在维护上比较方便
CSS基本语法
HTML标记可为任何标记，多个HTML标记间以逗号 ( , ) 分隔 属性定义为大括弧部份，多个属性定义间以分号 ( ) 分隔。
HTML标记 { 属性名称 : 属性设定值 }
如 :
H1 , H3 { COLOR : RED FONT-WEIGHT : BOLD }
CSS种类
CSS为甚麼称为串联式排版样式呢 ? 是因为可以混合使用以下Style Sheets种类，其优先执行顺序依编号排列。
Inline (同列) : 使用HTML标记的STYLE属性，只於定义的区段有效。
如 :
<P STYLE=COLOR:RED>
Embedding (内嵌) : 使用 <STYLE>...</STYLE>标记 ( 置於BODY本文区之前 )，定义HTML标记供整个网页使用。可使用多个<STYLE>...</STYLE>标记
如 :
<HTML>文件开始
<STYLE TYPE=text/css>排版样式区开始
<！-- 排版样式区内容 -->
</STYLE>排版样式区结束
<BODY>本文区开始
本文区内容
</BODY>本文区结束
</HTML>文件结束
Linking (连结) : 使用 <LINK>标记 ( 用於HEAD区 )，即将排版样式分开处理 ( 以 . CSS 为副档名储存成一个独立的文字档 ) ，再连结使用。可使用多个<LINK>标记。
如 :
<HTML>文件开始
<HEAD>标头区开始
<LINK TYPE=text/css REL=stylesheet
HREF=s1.css>连结CSS档
</HEAD>标头区结束
<BODY>本文区开始
本文区内容
</BODY>本文区结束
</HTML>文件结束
CSS 相关的 HTML 标记、属性
CSS 相关的 HTML 标记 :
<STYLE>...</STYLE>设定 Style Sheet 格式
<LINK>连结指令
<DIV>...</DIV>分离区段 ( 允许重叠显示 )
<SPAN>...</SPAN>小区段范围
CSS 相关的 HTML 标记属性 :
STYLE = cssl-properties 样式
ID = value 代号
CLASS = classname 种类
