CSS 设计中的黄金分割率应用

首页> 缘震优势

缘震优势

2015-11-13 00:00:00

希腊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）

原创内容有时不被百度收录的原因

　一、网站主题相符

　　在做搜索引擎优化过程中，大家都知道，SEO中影响排名有一个非常重要的因素，就是相关性。相关性包含了内容与栏目的相关性、内容与首页的相关性。完成内容时候考虑用户进入到你这个首页，看到你这篇文章会不会点击你这篇文章，如果不会点击，那你这篇文章形同虚设。同理用户进入栏目看到你这篇文章会不会去点击你这篇文章，如果不会点击那就是你这篇文章写的有问题。多多换位思考会省不少事情。

　　二、原创的不一定是好的

　　为什么这么说呢，平常贝尔利给企业做网站后台编辑培训的时候都会讲一个关键词：内容质量。那么原创的内容一定是高质量的内容吗，答案肯定是否定的。什么是高质量的内容，高质量的内容是能满足用户需求，通过用户搜索的关键词，进入到你网站的页面能够完美的解决用户正需要的东西，这个就是高质量，与你原创不原创，关系并不是很大。当然了换句话说如果你既能解决用户需求，又是原创内容，这个是非常提倡的。搜索引擎判断内容是否是高质量内容其中有一个衡量标准，是否这篇内容花费了大量时间来编辑。

　　三、网站在百度中的整体评分

　　说俗点就是网站的权重，在优化过程中我们会见到很多网站出现秒收的情况，发布的文章几分钟就可以收录，这个通过SITE语法都可以去查询，那么这跟自己的网站权重以及内容更新习惯是有非常重要的关联。我们要学会给百度spider(蜘蛛)养成习惯，每天定时更新内容，spider就会在固定的时间来爬取你的网站，抓取新的内容。

　　既然说到这里了，我们就来先了解一下搜索引擎收录网站内容的基本流程。搜索引擎spider每日通过链接(这个可以是外部链接)抓取新产生(有变化)的URL地址，进入自己的筛选库;通过筛选库进行深层次的归类，应该把你的内容归属于某一种行业;再根据语义识别等繁琐的排序机制进行搜索结果导出，同时在这个时候，有一部分低质量的内容会被剔除掉。如下图是百度搜索引擎工作原理图：

　　百度搜索引擎工作原理图

　　四、需要做好spider引导

　　这点简单来说说吧，因为引导spider方法非常多，这里简单提提。内容写的再好，也需要给这篇内容做上好的入口，最好通过首页、列表有能够直接点击进这篇文章的链接，也可以想百度spider提交这篇文章的链接，让搜索引擎及时抓取。