精通CSS與HTML設計模式 第一章（輕鬆搞定CSS）
精通CSS與HTML設計模式 第二章（HTML設計模式）
精通CSS與HTML設計模式 第三章（CSS選擇符與繼承）
精通CSS與HTML設計模式 第四章（CSS選擇符與繼承）
精通CSS與HTML設計模式 第六章（盒型模型屬性）
精通CSS與HTML設計模式 第八章（盒型模型屬性）
精通CSS與HTML設計模式 第九章（定位：進階）
精通CSS與HTML設計模式 第十章（分割內容）
精通CSS與HTML設計模式 第十一章（對齊內容）
其餘一些都是理解性的沒有多大作用
條件樣式表
例一：IE 6 7 8 中顯示紅色，非IE中顯示黑色
採用的是hack <!--[if lte IE 6]> CSS匯入 <![endif]> 此語句只有IE可以設別
同上 <!--[if lte IE 7]> <!--[if lte IE 8]> IE7 IE8設別
代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無標題頁</title>
<link href="http://files.cnblogs.com/chongzi/page.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="http://files.cnblogs.com/chongzi/ie.css" />
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="http://files.cnblogs.com/chongzi/ie.css" />
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="http://files.cnblogs.com/chongzi/ie.css" />
<![endif]-->
</head>
<body>
<div class="backC">
123</div>
<!--有序結構-->
<ol>
<li>1</li>
<li>3</li>
<li>2</li>
<li>4</li>
</ol>
<!--無序-->
<ul>
<li>1</li>
<li>3</li>
<li>2</li>
<li>4</li>
</ul>
<!--列表-->
<dl>
<dt>標題</dt>
<dd>內容</dd>
</dl>
</body>
</html>
這一張也就看到這個比較有用
