希臘網頁設計師克里斯特斯·希奧蒂斯在CssGlobe上發表了一篇文章，描述了黃金分割率在CSS中的應用 黃金分割率是一個廣泛使用的數學常數，約為1.618039887 網頁設計中使用的黃金分割率可以給設計帶來更多的視覺和諧。
在簡單的兩列頁面布局中，使用兩個容器，第一個容器顯示主要內容，第二個容器顯示側欄 例如，頁面寬度為960像素，使用黃金比例，主內容容器的寬度應為960/1.62=593像素，而側欄的寬度應為960-593=367像素
作者建議，以下基本CSS設置
行高=字號* 1.62
paragraph margin=paragraph行高* 1.62/2
可用于網頁布局和布局頁眉的邊距-top=頁眉行高* 1.62
但對于中國人來說，至少字號和行高之間的黃金比例不合適。如果中文字體為12px，最佳行高為22px，如果字體為14px，行高應為24px。
作為另一個例子，在表單中，輸入框的寬度應該是標簽文本的寬度乘以1.62 對于顯示在網上矩形，其寬度應為高度乘以1.62
因此，網頁設計師在需要良好計算能力的同時，至少應該在他們旁邊放置一個計算器。為了節省時間，作者建議在設計中隨時牢記62/38原則，在需要分割的任何地方都應使用62%和38%。
對于需要分成三部分的場合，可以按照62%和38%的原則分成兩部分，然后大部分可以按照62%和38%的比例進行劃分 (資料來源:cssglobe.com譯文:歐姆夏普合作管理系統)

福州優橙互聯是一家專注于福州網站建設的網站制作公司，為客戶提供小程序制作，促進福州網絡的全網推廣和精準拓客。歡迎訪問http://www.simple-vegetarian-recipes.com