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

2016-02-19 17:49 4 1 收藏

下面是个超简单的使用样式表对于提升网页品质至关重要教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

  请勿使用 font 标签

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

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

  请设想一下下面的情况:

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

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

  请勿使用固定的字体尺寸

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

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

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

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

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

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

  始终使用一致的背景颜色

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160219/1616143.html

延伸阅读
标签: Web开发
说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。 1.display:none;的缺陷 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略 屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。 2. visibility: hidden ;的缺陷 这...
标签: Web开发
CSS用样式表美化你的网页 第1天:选择什么样的DOCTYPE 前言 大家好!这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作,同时把过程中的心得和经验记录下来,希望对大家有点帮助。好了,让我们开始吧 第一天 开始制作符合标准的站点,第一件事情就是声明符...
随着互联网经济的不断发展,互联网上的专业网站、公众服务网站以及企业门户的数量都在飞速的增长,各网站的信息量也呈爆炸性增长的趋势。面对这些庞大的信息量,我们对网页中每一个栏目的增删,都会是一个很复杂的过程。为了提高网页的维护更新效率,我们可以使用样式表,来仅仅改变一个文件,就能达到同时改变几百个网页的外观,而其...
标签: 手机游戏 IOS
《城堡争霸》建筑摆放至关重要详解 关于《城堡争霸》建筑摆放至关重要详解,不打墙不一定是好阵,感兴趣的小伙伴就和图老师图老师小编一起来看看文章内容吧。 第一: 建筑的摆放至关重要 以前几天我发了一个迷踪阵为例:有人说是八挂阵,我发的是全图,包括建筑在内的,摆阵的不考虑建筑那叫什么阵?建筑差一个位置都会让英雄出城送死...
准妈妈孕期营养并非越多越好 准妈妈吃得多,肚子里的宝宝就一定健康吗?一项针对孕妇生活习惯的调查结果今天上午公布,在700份有效问卷中,超过六成的准妈妈承认自己大补特补,半数以上孕妇自认缺乏孕期营养知识,渴望获得权威指导。 在今天举行的“分享孕期感动一刻”主题活动上,一份最新“孕期生活习惯”网络调查结果公布,超过66%的孕妇...

经验教程

884

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部