在网站建设进步到肯定阶段的时候就势必会和其他学科或范围只不过产生交汇和共鸣，在阅读《超越CSS：web设计艺术精髓》这本书的时候，发现原来web设计还可以如此。比较突出的例子是目前常常被设计师提到的网页栅格设计，TAOBAO UED过去探讨过这个问题，通过非常有逻辑性的公式换算加上肯定的数学剖析，得到对网站制作有建设性的定义指导，从一定量上说算是一种革新。
或许有些设计师会觉得用这类所谓的规范性东西会是一种限制而不是创造，在我看来这类新的定义对网站建设来讲是一种尝试和提高，会给你下面的创意构思提供一个坚实的基础，叫人从一个新的视角来看待好的网站制作。
在《超越CSS》这本书中，就提到了网站建设中的黄金比率这个定义。对于不少做设计的人来讲，黄金比率并很熟悉，它是最符合自然界美感的一个非常神奇的东西，在古希腊的艺术雕塑中频频体现出来。对于大家网页设计人员来讲，只须记住一个数字就能了：“1.62”，以950局中的页面为例：
大家要为一个950px宽度局中页面来设计栏目，依据黄金比率原则，可以如此设计：如此的Web布局具备肯定的平衡感，整个页面也比较和谐。
目前的页面布局通常都是比较弹性的设计，由于如此页面可以充满浏览者的屏幕空间，而不管视窗的大小尺寸是多少，这对于那些高分辨率宽屏的用户来讲是有意义的。而对于坚持固定像素宽度的设计者来讲，1024*768就是王道，摒弃了两端的用法人群。在超越css这本书中还提到，即便是固定宽度的设计，减掉浏览器的滚动条宽度和浏览者打开了工具栏的宽度之后，水平宽度就看上去不够用了：
很多设计师在设计版面的时候都是随便拟定一下宽度就开始他们的设计，总是会出现挑选的宽度没考虑到说要表现的内容，在后期出现内容问题的时候就非常受限制。还有不少开发职员在达成页面的时候，并没完全依赖视觉成效图来达成，有时就大致量了一下然后依据以往经验来定制宽度，而这种宽度总是不可以非常不错的适应他们的内容，所以，这个时候，黄金比率的用法就非常重要了。
黄金比率不只在大的布局上可以用，在小的栏目设计中也可以灵活用。可以细化到非常小的设计元素，譬如一块图片信息展示地区：
书中还提到可以参考内容反向推导出大的地区宽度，比如网页的首页上需要放一个宽度为500的banner图片，那样大家可以用黄金比率算出整个网页可以选择的适合宽度：500*1.62=810px，并未必如果950或者800这类被不少人推崇的页面宽度。
