我们看看下面这张图：

图中蓝色的线不会出现在实际的网页中。对于这个布局复杂的三栏网页来说，如果使用 CSS3 Gird 布局的话，我们只需这样写：

body { columns:3; column-gap:0.5in; }

img { float:page top right; width:3gr; }

其中，body 部分声明页面为 3 栏，栏间距为 0.5英寸；img 中 float 属性指明图片浮动位置为页面的右上角（CSS3 定位好强大 -__-），而宽度为 3 个栏宽。只需这样两行 CSS，我们就可以实现这个复杂的布局了。真的很神奇。

Gird 布局是好，不过如果你认为它很简单的话，你就大错特错了。看看 w3c 中关于它的介绍，你会发现理解它的意义不亚于看懂天书。好在还是个草案，但愿它到了正式版的时候，能够更加简单易用点。

Gird 布局应用很广泛，最简单的例子就是内容的分栏显示。但这个 CSS3 特性目前还没有任何浏览器可以支持它。谁要是能第一个支持它（以及其它 CSS3 草案），那就酷毙了。不知道，最近异常低调的 IE8，会不会是这第一个吃螃蟹的人呢？

第一篇是讲利用 CSS 美化表单的，原文在这里。作者用一个很简单的例子讲述了如果将通常很单调的表单利用 CSS 美化，从而增强用户体验。在这篇文章中，作者还强调了一下如果用 HTML 规范的书写表单，很值得借鉴。国内很多的网站，为了表单布局通常不惜代价的乱用表格之类的东西，这样对于用户使用和开发者阅读代码来说都是一种负担。灵活的运用fieldset, legend, label 这几个标签，完全可以替代传统的表格布局写出漂亮的表单，而且代码干净易读。这篇文章就是个很好的例子，很是值得 Web 开发者借鉴。

第二篇文章是讲 CSS 分栏的，而且说的是 CSS3 分栏，原文在这里。DIV+CSS 布局后，CSS 分栏真是个令人头痛的问题，float 来 float 去麻烦不说，还要考虑浏览器兼容性等等问题。这篇文章作者演示了 CSS3 分栏的效果，从文章中可以看出是那么的简单，而且效果非常的酷。如今能支持 CSS3 的浏览器恐怕只有 WebKit 和 Safari 了，可惜这两个都是 Mac 平台上的东西，像我这样的穷人就没法体验了 T.T。想想 CSS3 众多超炫的特效，今后的网页必定比现在漂亮很多，很是期待呀。