每個(gè)頁面都可以用的XHTML模板(擴(kuò)展點(diǎn)為*.html)：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>子在川上曰</title>
<link href="main.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
。。。。。。。。主頁內(nèi)容
</body>
</html>
用DIV+CSS來排版，的確要比過去表格方式利于維護(hù)。一般的方式是用DIV搭出頁面骨架，然后用CSS慢慢潤飾?？戳?a title="《禪意花園》" >《禪意花園》的讀試第一章，再去它的網(wǎng)站看了看，這是它的原始頁面：
http://www.csszengarden.com/tr/chinese/。禪意花園提供了固定的XHTML文檔結(jié)構(gòu)，而各設(shè)計(jì)師可以基于此文檔設(shè)計(jì)出CSS能改變頁面風(fēng)格，這些頁面風(fēng)格很出彩：
http://www.mezzoblue.com/zengarden/alldesigns/，從中可見CSS的頁面修飾能力強(qiáng)到超出我們想像。
我也簡單用DIV+CSS寫了一個(gè)簡單的頁面框架：
http://www.aygfsteel.com/Files/chengang/xhtml_css_demo.rar。這個(gè)DEMO在IE7下顯示正常，在FireFox3下則有點(diǎn)問題。但用Amaya檢查，沒有發(fā)現(xiàn)格式錯(cuò)誤。有高手懂的幫指出一下。
補(bǔ)：
li列表在FF3下顯示出圓點(diǎn)的解決，加式樣：list-style:none;