XHTML+CSS (2) 一个通用页面框架

XHTML+CSS (2) 一个通用页面框架

每个页面都可以用的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;