形式与内容分离网站的典范――禅意花园
地址:www.csszengarden.com
下面7张图像,都是出自同一网站的首页截图。大家仔细观察一下可以看到,其中的文字内容是完全一致的,没有丝毫差别。但是通过简单的css风格选择(就是其中Design罗列的部分),网页可以轻松展现出截然不同的视觉风格和排版次序。其中遵循的原则就是形式(css)与内容(xhtml)分离的思路,这在以往运用table来进行网页排版的时期是不可完成的任务。利用table来排版,顶多能够完成基本色调的变化,象是如此改头换面的风格重置,必须要借助新的webstandard排版技术。






下面7张图像,都是出自同一网站的首页截图。大家仔细观察一下可以看到,其中的文字内容是完全一致的,没有丝毫差别。但是通过简单的css风格选择(就是其中Design罗列的部分),网页可以轻松展现出截然不同的视觉风格和排版次序。其中遵循的原则就是形式(css)与内容(xhtml)分离的思路,这在以往运用table来进行网页排版的时期是不可完成的任务。利用table来排版,顶多能够完成基本色调的变化,象是如此改头换面的风格重置,必须要借助新的webstandard排版技术。
coffee
2004-11-22 01:56:31
评论:4
阅读:2316
引用:0
我
@2008-05-17 16:56:39 无名人
我不知道如何排版为当今的主流.你这里的排版为何没有我相要的答案?这里的
我认为不是很理想的排版.不知道怎么说.请问贵人是怎样理解的?请教?
我认为不是很理想的排版.不知道怎么说.请问贵人是怎样理解的?请教?
如你所说,表格被撑暴了,呵呵
@2008-03-29 16:41:36 Egooly
其实你可以编辑下再贴出来,或者就只是给个连接。。。。。
another try
@2004-11-22 02:35:16 coffee
闪客帝国也在进行类似的试验,参考:http://www.flashempire.com/csser/index.php?css=default
sorry
@2004-11-22 02:00:31 coffee
对不起大家,又把表格撑爆了。是不是blog贴图应该有个长宽限制?或者强制减肥?
另外,是不是博客首页文章引用一下文章前600字就行了?这样可以多显示一些文章。
另外,是不是博客首页文章引用一下文章前600字就行了?这样可以多显示一些文章。
