每个页面都可以用的XHTML模板(扩展点为*.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>
。。。。。。。。主页内容
</body>
</html>
用DIV+CSS来排版,的确要比过去表格方式利于维护。一般的方式是用DIV搭出页面骨架,然后用CSS慢慢润饰。看了
《禅意花园》的读试第一章,再去它的网站看了看,这是它的原始页面:
http://www.csszengarden.com/tr/chinese/。禅意花园提供了固定的XHTML文档结构,而各设计师可以基于此文档设计出CSS能改变页面风格,这些页面风格很出彩:
http://www.mezzoblue.com/zengarden/alldesigns/,从中可见CSS的页面修饰能力强到超出我们想像。
我也简单用DIV+CSS写了一个简单的页面框架:
http://www.blogjava.net/Files/chengang/xhtml_css_demo.rar。这个DEMO在IE7下显示正常,在FireFox3下则有点问题。但用Amaya检查,没有发现格式错误。有高手懂的帮指出一下。
补:
li列表在FF3下显示出圆点的解决,加式样:list-style:none;