這是一(yī)位叫 的希臘 Web 設計師(shī)發表在 的一(yī)篇文章，講述了黃金分割率在 CSS 中的應用。黃金分割率是一(yī)個(gè)應用廣泛的數學常數，大約為(wèi) 1.6180339887。黃金分割率用在 Web 設計中，可以為(wèi)設計帶來更多(duō)視覺上(shàng)的和諧。

在一(yī)個(gè)簡單的兩欄式頁面布局中，使用兩個(gè)容器(qì)，第一(yī)個(gè)容器(qì)用來顯示主要内容，第二個(gè)容器(qì)顯示側條。比如，頁面寬度為(wèi) 960 px，使用黃金分割率，主内容容器(qì)的寬度應該為(wèi) 960 / 1.62 = 593 px，而側條的寬度為(wèi) 960-593=367 px。

作者建議，在 Web 排版與布局中可以使用以下(xià)基本 CSS 設置

• line-height = font-size * 1.62
• paragraph margin = paragraph line-height * 1.62 / 2
• header’s margin-top = headers line-height * 1.62

不過對中文而言，至少 font-size 和 line-height 之間使用黃金分割率是不适合的，假如中文字體使用 12px 的話，最佳行高(gāo)是 22px，如果字體使用 14px 的話，行高(gāo)應該使用 24px - 譯者。

另一(yī)個(gè)例子，在表單中，輸入框的寬度應該是标簽文字的寬度乘以 1.62。而對于顯示在 Web 上(shàng)矩形來說，它的寬度應該是高(gāo)度乘以 1.62。

這樣一(yī)來，Web 設計師(shī)同時需要很好的計算(suàn)能(néng)力，至少要在旁邊放(fàng)一(yī)台計算(suàn)器(qì)，為(wèi)了節省時間，作者建議在設計中随時記住一(yī)個(gè) 62/38 原則，在任何需要分割的地方，都使用 62% 和 38% 作比例。
對于需要分割成三份的場合，可以先按 62%，38%原則分成兩份，再将那份大的按 62% 和 38% 的比例分割。