翻译：onestab[2004.03.09]原文：mezzoblueCSSCribSheet在使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。如果您有所补充，请在这里发表您的意见.本文的其他语言版：法语,德语,西班牙语和匈牙利语。欢迎提供其他翻译。有疑问，先验证    在调试时，先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS会导致许多布局上的错误。在其他浏览器中进行测试之前，请先在最先进的浏览器中撰写和测试CSS代码，而不是相反。&nb...

动机：最初想起做二叉树是因为需要做一个公司结构图。以前的做法都是直接用图象软件画出来一个图片。很好看，但每次有变动后都需要重新画一个新的。另一方面，网页上对线条的显示、布局相当局限。根据动态生成的数据进行排版、定位都相当困难，而且在美观上也差强人意。做了各种尝试以后，决定用XML+XSL作数据运算；用VML来美化线条，用JAVASCRIPT来给对象定位。材料：XML卷之结构树图有2个文件：flow2.xml和flow2.xsl 效果：浏览这里 讲解：二叉树思路（1）<htmlxmlns:v="urn:schemas-microsoft-com:vml"><...

动机：现在我们做个在IE里应用XML的一个小例子：解决双下拉选单的连动问题。大家最常见的可能就是选取省份后改变城市选项的例子了，那我们就来尝试着用XML来完成吧。以前介绍的一些功能我是直接用XML+XSL文件来完成的，大家可能还不是很熟悉它的用法，所以我这次就用HMTL+XML来做，希望能够让大家更清楚的了解--“XML原来可以如此简单！”：）材料：XML卷之选单连动有2个文件：Citys.xml和CitySelect.htm作用：选择省份后可以自动显示相对应的城市，这样方便用户，有效的提高数据互动，让自己的页面更加绚丽多彩。 效果：浏览这里 代码：Citys.xml<...

动机：为了方便用户查看大批量数据，我们会用到动态分页，因此分页功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。而以往的信息分页都是连接到数据库的，每一次点击都必须要后台数据库的支持。这样不但服务器的负担加重，而且严重的影响用户浏览的速度.试想，如果把分页的功能放到客户端，那会产生什么样的效果呢？呵呵，看看下面的设计吧！。材料：XML卷之动态分页有2个文件：pages.xml和pages.xsl作用：把分页的功能放到客户端。在不刷新页面的情况下对数据进行过滤筛选，有效的提高浏览数据功能的效率。 效果：浏览这里 代码：pages.xml<?xmlversion=...

动机：查询功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。以往的信息查询都是连接到数据库的，每一次点击都必须要后台数据库的支持。然而很多情况下用户往往只针对某一部分的数据进行操作，这样不但服务器的负担加重，而且严重的影响用户浏览的速度。针对这种情况我们需要将用户需要的某一部分数据以XML的方式传递到客户端，用户对这些数据可以很方便的进行操作。既方便了用户，又减轻了服务器数据库的负担。何乐而不为呢！而且这项功能可以通用到其他众多模块，因此添加了这个动态查询功能。材料：XML卷之动态查询有2个文件：search.xml和search.xsl作用：在不刷新页面的情况下对数据进行过滤筛选，有...

动机：排序功能让我们页面上的数据显的更人性化，是我们在网站上见过的很普遍的一个功能效果了。以往的自动排序都是用大量的脚本代码来完成的，对一般的爱好者来说这是件困难的事情。然而用XML来处理的话就简单多了。让自己的页面更加绚丽，哈哈，您是不是也心动了呢！材料：XML卷之动态排序有2个文件：paixu.xml和paixu.xsl作用：在不刷新页面的情况下更据用户自己的需要对数据重新进行排序显示，有效的提高数据互动功能，让自己的页面更加绚丽多彩。 效果：浏览这里 代码：paixu.xml<?xmlversion="1.0"encoding="gb2312"?><...

在使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。有疑问，先验证在调试时，先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS会导致许多布局上的错误。在其他浏览器中进行测试之前，请先在最先进的浏览器中撰写和测试CSS代码，而不是相反。如果您在破旧的浏览器中编写和测试，你的代码就不得不依赖那个破旧浏览器的糟糕的显示，然后在符合标准的浏览器中进行测试，看到显示结果“不正常”时，你会很沮丧的。相反，您应该先将您的代码完善，然后再设法为较低级的浏览器打算。这样从一开始您的代码就是符合标准的...