提升网站质量教程(3):样式表CSS

所属分类: 网站运营 / 网站策划 阅读数: 118
收藏 0 赞 0 分享

使用样式表对于提升网页品质至关重要。

使用样式表对于提升网页品质至关重要。

请勿使用 font 标签

应使用 CSS 来设置显示网页上的字体尺寸。请不要使用 font 标签。

使用 <font> 标签会增加文档的规模,而且使您每次改变标准文字尺寸的工作成为一场梦魇。

请设想一下下面的情况:

一天您决定修改网站中所有标题的颜色和尺寸。通过 CSS,您只需要修改一行就可以做到这一点。假如您使用了 <font>标签,那么您需要把网站中所有页面的所有标题都修改一遍。

使用样式替代 <font> 标签可使我们更轻松地为网页制作高质量的界面。

请勿使用固定的字体尺寸

不要使用固定的尺寸值。请始终使用相对的尺寸值。

这项建议最重要的理由是无法通过浏览器重新调整固定尺寸的大小。

您的访问者会使用不同的设备(显示器)、不同的浏览环境(光线)以及可能的残疾(弱视)。

例如,可以把某人的文字尺寸设置为100%(或者 medium ),主标题设置为140%(或者 x-large ),而次级的标题设置为120%(或者 large ),这样用户就可以使用浏览器来重新设定最喜欢的尺寸了。

通过调整网页的文本尺寸的功能,也可以改变打印页面的文字数目。

请勿使用很小的默认字体尺寸

一些网站会使用很小的文字尺寸,这样就可以向每张页面“塞”入更多的内容,或者使页面看上去更“时髦”。

再次重申,使用不同的设备(显示器)、不同的浏览环境(光线)以及可能的残疾(弱视),都可能对用户造成阅读障碍。

请不要逼迫用户每次访问你的站点时都要放大文本的尺寸。

始终使用一致的背景颜色

大部分网页都会为不同的文本元素使用颜色。标题和链接的颜色通常与正文的文本颜色是不同的。

作为一位 web 设计者,您应当意识到的事实是,您的访问者能够修改默认的颜色选项。

如果您为 web 元素定义了颜色,那么同样应当定义背景颜色。

如果不定义背景颜色,那么您的网站可能会被糟糕的颜色组合搞砸(比如红色背景上面的亮红文字,或者深色文本搭配的深色背景)。

如果您不规定背景颜色,可能会使文本很难被识别。

更多精彩内容其他人还在看

网站设计:单页网站与多页网站的优劣势对比分析

说起网站设计,很难决策是使用单页还是多页设计网站,那么,单页还是多页好?今天脚本之家小编就给大家带来单页网站与多页网站的优劣势对比分析,希望对你有所帮助
收藏 0 赞 0 分享

如何撰写文案 利用人的七种欲望,撰写七种有效的文案

人的欲望分别是傲慢、妒忌、暴怒、懒惰、贪婪、贪食及色欲,也是我们常说的七宗罪。好文案,擅长利用人类的欲望。欲望就是弱点,击中弱点便可以取得成效
收藏 0 赞 0 分享

如何策划一份高转化率的网站推广运营方案

网站推广运营方案的内容主要分享是怎么去策划自己的网站推广运营方案,包括目前运营存在哪些问题;竞争对手分析;具体的运营细则制定,有兴趣的朋友们就来了解下吧
收藏 0 赞 0 分享

提高网站的登录框体验的5种方法

说到登录,你为用户供给的反应信息是多了仍是少了其实是对比考究的。信息过多也许就会被黑客运用,而信息过少也许又会添加用户的困惑,下面为大家分享提高网站的登录框体验的5种方法,来看看吧
收藏 0 赞 0 分享

不同业务部门的常见需求和常用的数据展现方式

做任何事都要有个目的,作为一个数据分析师,我们要了解消费我们数据分析的人是谁?他们又需要怎样的数据报告,下面为大家介绍不同业务部门的常见需求和常用的数据展现方式,来看看吧
收藏 0 赞 0 分享

如何深思熟虑地优化产品界面中的细节设计

在这篇文章中,我将专注于视觉反馈,微视窗和空白区域,你将会明白为什么这些小细节和你设计的显著元素是一样的重要,以及它们如何帮助你确定产品的成功,一起来看看吧
收藏 0 赞 0 分享

最佳实践详细解析网页首图如何抓住用户注意力

网页首图不仅仅是一张漂亮的图片,它还应该是强大的视觉传达工具。谈情怀不如讲套路,今天的文章,我们就通过一系列最佳实践来为你展示首图设计的一些设计“套路”。下面我们来看看吧
收藏 0 赞 0 分享

对网站响应式设计的重新思考

对于一个web,响应式是最基本的要求,最近在知乎上回答过响应式的问题,也重新对网页响应式设计做了一个新的思考,我给整理总结了一下,有兴趣的朋友们就来了解下吧
收藏 0 赞 0 分享

网站建设需要考虑的因素有哪些

目前人们为了节省成本已经开始把目光放在线上销售,因此,网站这个公司在网络上的门面开始非常受关注,网站建设需要考虑的因素也就越来越详细了,本文主要为大家简单介绍几个网站建设需要考虑的因素
收藏 0 赞 0 分享

关于网站建设的10个策划小技巧(干货)

好多站长在网站建设的时候往往既要考虑网站的整体美观度,同时还要考虑到网站的实用性和营销作用,那么在这方面都有什么小技巧?本文小编主要为大家介绍关于网站建设的10个策划小技巧
收藏 0 赞 0 分享
查看更多