请看下面一段代码：
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//定义了一个ID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//定义了一个类
</style>
<TITLE>中国</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT;">TEST</DIV>//直接设置样式
<DIV ID="login">TEST</DIV>//引用ID
<DIV class="left">TEST</DIV>//引用类
<DIV>TEST</DIV>
</BODY>
</HTML>
ID：表示唯一性，并且在这个页面中只会出现一次，我们它来表示布局的结构
CLASS：类，表示一组或一个具有同样性质的元素，它可以共用样式
#LOGIN表示某一个ID层，下面还可以设置类，比如#LOGIN.LEFT{TEXT-ALIGN:CENTER;},这个LEFT类可以在ID为LOGIN的框架中使用，其它地方无效
我在www.c09.com 发表了这个笔记并上传了原著的PDF，今天有空，转到BLOG上来。
第七章 布局
所有CSS布局技术都依赖于三个基本概念：定位、浮动和空白边操纵
7.1 让设计居中[code]
<body>
<div id='wrapper'>
</div>
</body>
/*最明了的居中方案，可惜IE6不支持*/
#wrapper{
......
test.html：
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id=&qu ......
