四川时时彩在线:福彩四川时时彩直播

CSS 設計中的黃金分割率應用

福彩四川时时彩直播 www.uqejp.icu 來源:赤峰網站建設   2016/02/22

希臘Web 設計師Christos Chiotis 發表在 CssGlobe 的一篇文章,講述了黃金分割率在 CSS 中的應用?;平鴟指盥適且桓鲇τ霉惴旱氖СJ?,大約為 1.6180339887?;平鴟指盥視迷?Web 設計中,可以為設計帶來更多視覺上的和諧。
 

CSS 設計中的黃金分割率應用

 

在一個簡單的兩欄式頁面布局中,使用兩個容器,第一個容器用來顯示主要內容,第二個容器顯示側條。比如,頁面寬度為 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)


?

標簽:

上一篇:網頁設計中的tab應用的兩種類型

下一篇:網站設計時站長們應首先做好用戶體驗

查看更多方案

赤峰網站建設公司最新資訊最新資訊

赤峰最好的網站建設公司? 赤峰專業網站建設公司哪家好? 赤峰網頁制作公司哪里好? 赤峰網站建設公司有哪些?

聯系我們

業務電話:0476-87500770476/8750077

業務 QQ:??2188635138傳真:?0476-8232277

E-mail:??[email protected]售后QQ : 2188635138

渠道合作:??[email protected]

特此聲明

??????福彩四川时时彩直播 此網站為赤峰星谷網絡科技有限公司合法網站,如有相關人員針對此網站進行業務洽談以及招商,請認準赤峰星谷網絡科技有限公司的相關證件操作流程。因未按流程簽訂合同而造成損失者,赤峰星谷網絡科技有限公司不承擔任何責任。

11选5技巧 稳赚高手 贵州麻将规则 四码倍投 赌博押大小技巧 Pt电子平台 棋牌房卡代理 欢乐推筒子二八杠下载 重庆时时历史开奖走势 重庆时时走势图诀窍 新疆时时后三算法 tt时时彩计划软件 所谓棋牌龙虎大战技巧 凯尔特人 ag电子游戏有漏洞吗 时时彩全天免费人工计划 pk10计划群505444稳赚裙