希腊网页设计师克里斯特斯·希奥蒂斯在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.g303.com