地址： 上海市靜安區共和新路4718弄10號樓2樓
熱線：400-166-3538
電話：19301461038
郵箱：sales@shyuanzhen.cn
希臘Web 設計師Christos Chiotis 發表在 CssGlobe 的一篇文章，講述了黃金分割率在 CSS 中的應用。黃金分割率是一個應用廣泛的數學常數，大約為 1.6180339887。黃金分割率用在 Web 設計中，可以為設計帶來更多視覺上的和諧。
在一個簡單的兩欄式頁面布局中，使用兩個容器，第一個容器用來顯示主要內容，第二個容器顯示側條。比如，頁面寬度為 960 px，使用黃金分割率，主內容容器的寬度應該為 960 / 1.62 = 593 px，而側條的寬度為 960-593=367 px。
作者建議，在 Web 排版與布局中可以使用以下基本 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 的話，最佳行高是 22px，如果字體使用 14px 的話，行高應該使用 24px 。
另一個例子，在表單中，輸入框的寬度應該是標簽文字的寬度乘以 1.62。而對于顯示在 Web 上矩形來說，它的寬度應該是高度乘以 1.62。
這樣一來，Web 設計師同時需要很好的計算能力，至少要在旁邊放一臺計算器，為了節省時間，作者建議在設計中隨時記住一個 62/38 原則，在任何需要分割的地方，都使用 62% 和 38% 作比例。
對于需要分割成三份的場合，可以先按 62%，38%原則分成兩份，再將那份大的按 62% 和 38% 的比例分割。（來源：cssglobe.com翻譯：OMSHARP CMS）
? ? ? ? | 公司名稱：上海緣震網絡科技有限公司 開戶銀行：中國工商銀行上海市彭浦支行 銀行賬號：1001 2508 0930 0206 455 |
總部：上海市奉賢區金海公路6055號29號3樓 分部：上海市靜安區共和新路4718弄10號樓2樓 商務官網：www.2n5c.cn 彥蓁科技：www.shyanzhen.cn | 緣震網絡成立于 2014 年，公司主要經營全案策劃，高端品質網站建設、多媒體視頻宣傳片制作、微信公眾號開發、微信小程序開發、商城定制、SEO優化、電商托管、空間托管、網站維護、應用軟件開發、手機端APP開發、等為客戶提供一條龍網絡運營解決方案的的技術型企業。我們在人力資源、業務范圍、設計、技術、服務、信譽度、規范管理及企業文化等諸多方面完善自己，公司目前已與千余家各類客戶進行長期戰略合作，提供專業的網站建設與運營服務。我們的口號：廣結良緣、震古爍今！ |
免費熱線：400-166-3538
咨詢QQ ：
微信咨詢 : chunhua19820
直接咨詢 
