当前位置: 首页 > 图文教程 > 网站运营 > 网站策划 > 提升网站质量教程(3):样式表CSS

网站策划
如何把网站搜索功能发挥到最大
设计策划:电子商务网站的立刻购买合购物车
营销策划:电子商务网站的捆绑销售策略
UED:有方向感的传达
网站策划:提高网站用户信任度的金钥匙
网站策划师应该知道的PPT制作技巧
网站可用性研究:男人需要速度
影响电子商务网站用户转化率的3个因素
网站策划:网站内容要满足用户需求
根本没有什么狗屁的Web2.0和web1.0
网站的结构应该是可以理解的
交互设计:网页按钮的功能与表现
网站策划:垂直门户网站的内容层次
垂直网站以时间轴为主线的内容进行变脸
设计师面试关键因素和设计师应聘5大错误
设计网站:对比中外网站设计差异
网站本身赢利能力究竟有多高?
页面线框图:设计意图和框架设计
网站策划文档:行业网站面面观
页面线框图教程:模板的活字印刷术

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-26   浏览: 258 ::
收藏到网摘: n/a

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

请勿使用 font 标签

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

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

请设想一下下面的情况:

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

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

请勿使用固定的字体尺寸

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

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

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

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

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

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

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

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

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

始终使用一致的背景颜色

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

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

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

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

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