子在川上曰

  逝者如斯夫不舍昼夜
随笔 - 71, 文章 - 0, 评论 - 915, 引用 - 0
数据加载中……

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;

posted on 2007-04-19 13:22 陈刚 阅读(1063) 评论(0)  编辑  收藏 所属分类: Rails&Ruby


只有注册用户登录后才能发表评论。


网站导航: