YAML - XHTML CSS布局模板框架

这个YAML不是YAML Ain't Markup Language，而是Yet Another Multicolumn Layout，一种XHTML，CSS布局模板框架。

作为一个基于网站的项目，页面设计是其重要组成部分。对于网页程序设计人员，页面设计往往是他们不擅长的，自行完成设计显然不现实，忽略设计又会让他们的项目看起来很廉价。
另一方面，对于网页制作人员，由于众所周知的历史原因，网页布局的浏览器兼容性一直以来困扰着他们，每次针对IE6/IE7/IE8/FF进行调试，都是一个痛苦而漫长的过程。
与其绞尽脑汁设计，然后痛苦的调试每一像素，每一个Bug，不如使用已经较为成熟的解决方案来替代。YAML就是这样一个方案。
YAML于2005年10月发布第一个版本，进化到今天的3.2版本，已经发展了5年。YAML注重标准，使用YAML的网站，可访问性强，核心代码轻巧，并便于扩展。YAML具有健壮且灵活的布局方式，并提供常用模块的样式模板(菜单、表单、微格式等)，甚至提供了对从右到左书写的语言文字的支持。
对于程序人员，可以直接使用YAML提供的默认样式模板，就可以做出美观大方的用户界面；对于设计人员，YAML给他们提供了规范的设计框架与范例，在其框架的基础上，设计人员可以依照YAML的规范自行添加修改自己的样式，并轻松做到多浏览器兼容。
与自行编写CSS代码不同，YAML作为框架，官方不推荐直接修改YAML架构中的CSS代码，而是让用户另行新建自己的CSS样式进行重载。YAML为此对目录进行了要求：将下载的YAML代码放到网站根目录下的yaml目录下，客户自己的代码放到css目录下，并根据类型放至相应的子目录内。最后通过一个css文件import需要的的CSS，比如下面这个YAML Builder 自动生成的CSS：

/css/my_layout.css
@charset "UTF-8";
/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);
@import url(../yaml/screen/forms.css);
@import url(../yaml/navigation/nav_vlist.css);

/* import screen layout | Screen-Layout einbinden */
@import url(screen/basemod.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_draft.css);

但是这样做也有一个明显的缺点，加载CSS文件数过多，影响页面加载速度，并且目录结构过于复杂。
对于普通项目，我将核心CSS和常用CSS模块就能行了整合，将它们合并成一个All-in-One CSS(下载)文件。
这样，只需加载这个all_in_one.css以及自己重载的css即可。