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

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

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

【 tulaoshi.com - Web开发 】

  请勿使用 font 标签

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

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

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

  请设想一下下面的情况:

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

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

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

  请勿使用固定的字体尺寸

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

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

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

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

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

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

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

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

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

  始终使用一致的背景颜色

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

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

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

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

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

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

延伸阅读
标签: 养生 健康
    夏末,这个季节阳气比较旺,在这样的天气下,人体会觉得很不舒适。如果人体正气不足,或因天气热而嗜食生冷,水湿内滞,身体免疫力也会下降很多,往往容易中暑热兼湿邪而致病,严重的甚至还会诱发心脑血管疾病。所以,此节气起居养生要多睡子午觉。     所谓子午觉,就是每天子时和午时按时入睡,其主要原则是子时大...
标签: 手机游戏 IOS
《城堡争霸》建筑摆放至关重要详解 关于《城堡争霸》建筑摆放至关重要详解,不打墙不一定是好阵,感兴趣的小伙伴就和图老师图老师小编一起来看看文章内容吧。 第一: 建筑的摆放至关重要 以前几天我发了一个迷踪阵为例:有人说是八挂阵,我发的是全图,包括建筑在内的,摆阵的不考虑建筑那叫什么阵?建筑差一个位置都会让英雄出城送死...
准妈妈孕期营养并非越多越好 准妈妈吃得多,肚子里的宝宝就一定健康吗?一项针对孕妇生活习惯的调查结果今天上午公布,在700份有效问卷中,超过六成的准妈妈承认自己大补特补,半数以上孕妇自认缺乏孕期营养知识,渴望获得权威指导。 在今天举行的“分享孕期感动一刻”主题活动上,一份最新“孕期生活习惯”网络调查结果公布,超过66%的孕妇...
标签: 月子
爱美的妈妈在产后多久可以减肥     妈妈们在产后多久可以减肥呢,有人说是得出了月子,有人说是得三个月以上。现代产后保养方法中,都有产后健身减肥一项,而简单的产后健美操在产后第五天即可进行了。       正常分娩的妈妈在产后第五天到满一个tulaoshi月期间,都可以做双腿...
标签: Web开发
最近因为帮一个网友很费神的修改了一个导航的CSS文件,还没有我自己重写code来的快,让我想起了写这篇文章。我发现很多web设计者对CSS写法的继承关系都有了一点了解,但是了解的还是不够深,不够透彻,所以今天打算把这个讲一下。 首先谈一下html文档,但凡接触过html语言的设计师,一定都会发现html的一个很明显的特点,那就是大多数代码...

经验教程

16

收藏

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