|  客服中心  |  合作联系
搜刊网
学术热点
行业资讯
老太腹部隆起似怀三胞胎 手术取出34斤重肿瘤(图
发布时间:2017-10-10 来源:中国学术期刊网 访问:

这是一位叫 的希腊 Web 设计师发表在 的一篇文章,讲述了黄金分割率在 CSS 中的应用。黄金分割率是一个应用广泛的数学常数,大约为 1.6180339887。黄金分割率用在 Web 设计中,可以为设计带来更多视觉上的和谐。

在一个简单的两栏式页面布局中,使用两个容器,第一个容器用来显示主要内容,第二个容器显示侧条。比如,页面宽度为 960 px,使用黄金分割率,主内容容器的宽度应该为 960 / 1.62 = 593 px,而侧条的宽度为 960-593=367 px。
 src=https://www.qikanw.com/d/file/p/2018/10-21/03abe6897246a18d49975b303fb69983.png /><br />
作者建议,在 Web 排版与布局中可以使用以下基本 CSS 设置</p>

<ul>
	<li>line-height = font-size * 1.62</li>
	<li>paragraph margin = paragraph line-height * 1.62 / 2</li>
	<li>header’s margin-top = headers line-height * 1.62</li>
</ul>

<p>不过对中文而言,至少 font-size 和 line-height 之间使用黄金分割率是不适合的,假如中文字体使用 12px 的话,最佳行高是 22px,如果字体使用 14px 的话,行高应该使用 24px - 译者。<br />
<img alt=
另一个例子,在表单中,输入框的宽度应该是标签文字的宽度乘以 1.62。而对于显示在 Web 上矩形来说,它的宽度应该是高度乘以 1.62。

这样一来,Web 设计师同时需要很好的计算能力,至少要在旁边放一台计算器,为了节省时间,作者建议在设计中随时记住一个 62/38 原则,在任何需要分割的地方,都使用 62% 和 38% 作比例。
对于需要分割成三份的场合,可以先按 62%,38%原则分成两份,再将那份大的按 62% 和 38% 的比例分割。

 

相关文章
热门资讯
摘要:9月28日-29日,《两岸关系》杂志社社长任勉一行3人来漯河临颍就陈星聚杯太极拳比赛筹备工作情况进行调...
精品推荐
摘要:摘 要:健康的心理素质是健康人的必备素质。在学科教学中进行心理健康的教育,是心理健康教育的重要途径...
热门期刊
资源节约和综合利用资源节约和综合利用
《资源节约和综合利用》本刊坚持为社会主义服务的方向,坚持以马克思列宁主义、毛泽东思想和邓小平理论为指...
中国实用外科中国实用外科
《中国实用外科杂志》(月刊)创刊于1981年,由中国医师协会、中国实用医学杂志社主办。 《中国实用外科杂志》办...
幸福悦读幸福悦读
《幸福》杂志,于2007年经国家新闻出版总署批准正式创刊,CN:42-1055/C,本刊在国内外有广泛的覆盖面,题材新颖,信...
热带医学热带医学
《热带医学》杂志,于1979年经国家新闻出版总署批准正式创刊,CN:44-1503/R,本刊在国内外有广泛的覆盖面,题材新...
无锡商业职业技术学院学报无锡商业职业技术学院学报
《无锡商业职业技术学院学报》杂志,于2001年经国家新闻出版总署批准正式创刊,CN:32-1644/Z,本刊在国内外有广...
宁波大学学报(理工版)宁波大学学报(理工版)
《宁波大学学》杂志,于1988年经国家新闻出版总署批准正式创刊,CN:33-1134/N,本刊在国内外有广泛的覆盖面,题材...

友情链接
中教杯 国家新闻出版总署 中国知网 万方数据 维普网 中国科学院 中国国家图书馆 央视英文版 中国留学网 中青网 中国国家人才网 中国经济网 中国日报网 中国新闻网 中国学术期刊网
关于我们
平台简介
诚聘英才
企业文化
竞争优势
版权信息
服务条款
客服承诺
常见问题
版权声明
合作加盟
期刊加盟
广告服务
联系我们
网站导航
期刊大全
论文下载
课题申报
学术会议
编辑QQ
编辑联络
2007-2023
中文学术期刊检索机构
bianjibu777@qq.com
联系我们

版权所有©2007- 2023 中国学术期刊网(qikanw.com) All Rights Reserved 京ICP备2021008252号
本站是学术论文网络平台,若期刊网有侵犯您的版权,请及时与期刊网客服取得联系,联系信箱: bianjibu777@qq.com    
中国学术期刊网