参考
如何使用 CSS
链入外部 CSS 文件
（ Linking to a Style Sheet ）
在 HTML 的 <head>: 部分使用 link 对象 ：
<head> ... <link rel="stylesheet" type="text/css" charset="utf-8" media="all" href="/css/computer.css"> ... </head>
XML 中，类似：
<? xml-stylesheet type="text/css" href="http://www.dhtmlet.com/dhtmlet.css" ?>
定义内部样式块对象
（Embedding a Style Block）
可以在 <HTML>: 和 <BODY> 之间插入一个 <STYLE> 块对象：
内联定义
（ Inline Styles ）
可以直接在标记的内部定义：
<p style="text-align : right ; color : red">这里的段落会靠右，文字红色</p>
CSS 语法
CSS 的定义有三部分构成 :
- 选择符 (selector)
- 属性 (properties)
- 属性值 (value)
基本格式：
选择符 {
属性： 属性值
}
选择符
选择符有多种形式，一般是 HTML 标记。如： body，p，pre 等等。
例如，定义网页字体为黑色：
body {
color : black
}
如果属性值包括空格，要加上引号：
p {
font-family : "sans serif"
}
如果要给一个选择符定义多个属性，使用分号隔开：
p { text-align : center ; color : red }
通常写成这样更好 （也要有分号）：
p {
text-align : center ;
color : red ;
}
选择符组
可以把相同属性和值的选择符组合起来表示，用逗号分开选择符：
h1, h2, h3, h4, h5 {
color : green
}
p, table {
font-size : 9pt
}
类选择符
用类选择符可以把相同的元素定义成不同的样式：
p.right {
text-align : right
color : red
}
p.center {
text-align : center
color : green
}
在使用时，
<p class="right">这里的段落会靠右，文字红色</p> <p class="center">这里的段落会居中，文字绿色</p>
效果如下：
这里的段落会靠右，文字红色
这里的段落会居中，文字绿色
题外话，可以使用 CSS 的 Inline Style 随时定义，上面的效果，可以直接在 HTMl 中写成：
<p style="text-align : right ; color : red">这里的段落会靠右，文字红色</p> <p style="text-align : center ; color : green">这里的段落会居中，文字绿色</p>
类选择符还有这样一种用法，省略 HTML 标签名，可以应用的任何用 class 选择 这个选择符的标签上。
.center {
text-align : center
}
使用很简单：
<h1 class="center">这个标题会居中</h1>
ID 选择符
HTML 页面中的 ID 参数指定了某个单一元素， ID 选择符是用来对这个单一元素 定义样式的。
ID 选择符的使用和类选择符类似，只要把 CLASS 换成 ID 即可。一个 ID 在同 一个页面中只能出现一次！ 一个 CLASS 可以出现多次。
定义 ID 选择符有两种方式：
无指定
#intro {
font-size : 120% ;
font-weight : bold ;
color : #DDDEEE ;
background-color : transparent ;
}
指定匹配
p#intro {
font-size : 120% ;
font-weight : bold ;
color : #DDDEEE ;
background-color : transparent ;
}
包含选择符
table a {
font-size : 12px
}
这样，table 中的链接字体为 12px 大小。
CSS 的继承
外部元素的属性会作用到内部包含元素上。遇到冲突时，以内部为准。
注释
使用 "/* ... */" 可以在 CSS 文件内添加注释。
