标记语言——为文字指定CSS样式

Chapter 13 为文字指定样式

我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是应用CSS最多的地方,就算对没有完全遵守标准的网站来说也是一样.去掉网页中反复出现的<font>标签曾经是(现在也是)十分吸引设计者的事情,而且不难看出以CSS控制文字排印的巨大优势,也就是进一步分离内容和展示方式.

从先前的很多例子我们知道了CSS能处理许多情况,而设定文字样式就算对最基本的网页来说也是加上设计元素最简单的方法.同时,以CSS为文字加上样式也能让我们避免在页面内加上不必要的图片.

在这一章里,我们将看到CSS如何把一段乏味普通的文字带到另一个高度(以新色彩,大小和字体).

如何让超文本看起来更酷?

指定文字样式是CSS最擅长的工作之一,就算是面对略嫌老旧,不完整支持CSS进阶功能的浏览器也是一样.在过去,设计者与开发者或许会想在设计文字达到大小,粗体之外的效果时,制作出以今日标准来看无法忍受并且难以使用的网页(曾经看过文字大多以图片表现的网页吗?但你又恰巧在使用文字浏览器的时候...)

为了提供你一些使用图片之外的替代方法同时能回答上面这个问题,在这章中,会用一段尚未设定样式的文字作为开头,逐渐为它加上各种CSS规则,使它成为引人注目的设计.

不断改变的Times

开始先以浏览器的预设字体看一段即将处理的文字.以我的情形来说,预设字体是16像素的Times.并在Mac OS X上面使用Safari浏览器,因为这样,所以看到的文字会是以反锯齿方式描绘的,如果是使用Windows XP并启动了ClearType的话,也能看到类似的效果.

Times(或者是变体 Times New Roman)是许多浏览器的预设字体,然而,这很容易被使用者改成他们自己喜欢的字体,因此你当然不能依赖这个预设值.

图1301显示了我们在本章里使用的尚未加上样式的文字内容:一个以<h1>标记的简单标题,跟这是三段家居装潢的技巧说明.

搜索引擎发展到今天已经算的上非常成熟了，所以用户体验主导网站排名的趋势越来越明显，记得在前两年的时候大家还都在唱“内容为王外链为皇”。今年就很少再听到别人喊这句口号以及在文章中都很难看到这句话的踪影了，原因是因为搜索引擎进化了，链接对网站的排名影响程度越来越低。买链接的朋友我相信应该这个感觉是很强烈的，而且我判断未来还会不断的降低外链对排名的影响，内容为王其实也是一句比较宽泛的话，笔者认为内容是基础，每个网站都需要有好的内容，然后推广出去，获取真正的网站用户群体，这才是影响一个网站成功的重要指标。
　　 经过上面的分析相信大家都明白了网站之间真正的竞争应该是用户体验的竞争，就是说谁能比谁更能挖掘用户的隐性需求，也可以说是潜在需求。比如目前网站存在一个最大的缺点就是在文章页或者产品页的时候调用相关产品，比如我们在网站购买了一台笔记本电脑，这时候我已经购买了，我不需要你再推荐相关品牌或型号的电脑。而我的隐性需求是跟电脑相关的周边产品，比如电脑包，鼠标，外接键盘，电脑防护膜这类的产品，在我买了一台电脑的情况下我不可能再购买一台电脑。这时候我的潜在需求是什么?这是值得每个做电子商务或者做生意的人值得思考的问题。
　　 当然也是值得我们做SEO人员值得思考的问题，其实做SEO也需要考虑转化率。当然如果纯站在排名的角度上来看推荐笔记本电脑周边的产品也是合理的，而不是相关产品，你试想一下，如果用户在购买了一个产品之后直接关闭了你的页面，势必搜索引擎会判断你网站的黏性不是很好，如果你推荐的产品是他需要的，那么他肯定会进行点击浏览。这样不但可以增加网站的黏性，带来更好的体验，还可以促进销售。