1、CSS的语法是这样的：selector {property: value}
selector-选择器（比如body、div、h2……）
property-属性 （比如background-color、hidden、text-align……）
value-值（比如yellow、blue、12px、center……）
[注]：
a、除id外大小写不敏感
b、value存在多个单词时，要用引号（比如：font-family: "Book Antiqua";）
c、设置完一项后，以；结尾
2、下面是一个CSS文件的示例：
@CHARSET "UTF-8";
/*可以为多个html元素或标签定义样式*/
h1,h2 {
color: aqua;
}
/*为单个元素或标签定义样式*/
h3 {
font-style: italic;
}
h4 {
color: silver;
}
table {
color: blue;
}
/*为table中的label定义样式*/
table label {
color: purple;
}
/*为id为redDiv的元素或标签定义样式*/
#redDiv {
color: red;
}
/*为id为redDiv的元素或标签中的h3标签定义样式*/
#redDiv h3 {
color: green;
}
/*为class为bg的元素或标签定义样式*/
.bg {
background-color: yellow;
}
/*为class为bg的元素或标签中的p标签定义样式*/
.bg p {
background-color: silver;
}
我们看到，可以通过
a、 XX{******}为某一元素或标签定义样式
b、 XX,YY{******}为多个元素或标签定义样式
c、 XX YY{******}为XX元素（或标签）中的YY元素（或标签）定义样式
d、 #XX{******}为id为XX的元素或标签定义样式
e、 #XX YY{******}为id为XX的元素（或标签）中的YY元素（或标签）定义样式
f、 .XX{******}为使用了XX类的元素或标签定义样式（class="XX"）
g、 .XX YY{******}为使用了XX类的元素（或标签）中的YY元素（或标签）定义样式
3、html页面
我们可以将CSS样式规则写在html页面里(head标签之间)
<head>CSS here</head>
也可以导入外部的CSS样式文件（也是head之间）
<link rel="stylesheet" type="text/css" href="test.css" />
4、下面是一个引入了上面CSS文件的html页面：
<html>
<head>
<title>css test</title>
<!-- 引入外部样式表(也可以将CSS写在页面里) -->
<link rel="stylesheet" type="text/css" href="test.css" mce_href="test.css" />
</head>
<body>
<h1>这是h1（aqua）</h1>
<h2>这是h2（aqua）</h2>
<!-- 受到h4样式规则和class bg
转:写的不错,对于网页开发有指导意义
在《欲练 CSS ，必先宫 IE》和《你有 <table /> 强迫症吗？》这两篇文章中，看到有不少评论用到div+CSS布局这个说法，用来和table布局比较。实际上div不是用来布局的，div只是用来表示一个其它元素都无法准确表达语意的一个块区，只有CSS是用于布局的，所以根本就不存在di ......
