说明：以下内容学习自：http://www.w3school.com.cn/

1、简介：由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。
为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。

2、选择器：selector {declaration1; declaration2; … declarationN } 以及分组和继承。

3、id选择器和类选择器，在Html基础学习的帖子已经接触了。

4、如何插入样式表：

A) 外部样式表,浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

B)内部样式表当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 style标签在文档头部定义内部样式表.

<head>
<style type="text/css">
  hr {color: sienna;}
  p {margin-left: 20px;}
  body {background-image: url("images/back40.gif");}
</style>
</head>

C) 内联样式,慎用
D）多重样式

5、背景，CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。CSS 在这方面的能力远远在 HTML 之上。

背景色：

p {background-color: gray;}

背景图，下例的flower定义的一个类被引用到了段落Ｐ：

p.flower {background-image: url(/i/eg_bg_03.gif);}

６、文本操作：　
缩进，注意参数可设置为负数，有“悬挂缩进”的作用：

p {text-indent: 5em;}
p {text-indent: -5em; padding-left: 5em;}

水平对齐：

text-align:center 
justify

字间隔等，其他略

p.spread {word-spacing: 30px;}

7、列表，和html的列表类似，但在style先加载了text/css和ul.disc：

<head>
<style type="text/css">
ul.disc {list-style-type: disc}
</style>
</head>

<body>
<ul class="disc">
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>

其中，设置表格颜色的部分，感觉要记录下，因为看上去比默认的好看不少，举例如下。代码【点我】：