欢迎访问世纪网络官网,宝鸡网站建设SEO优化已累计服务超过900家企业!     咨询热线:13619273150

15年网站建设优化经验,900家客户的选择,值得信赖!


探索网页设计中的默认样式

作者:佚名      发布时间:2013-02-21      浏览:3381

62.9K


好久没有写过关于网页设计的文章了,今天看了篇文章《设计中默认样式的强大威力》,对默认样式,我也有几点不同于该作者的看法。

首先,我们要搞清楚什么是默认样式:

默认样式,就是网页中最原生态的样式。超链接默认样式为蓝色下划线、IE浏览器中默认字体为宋体。接下来我们一个一个来分析。

超链接的默认样式

根据《设计中默认样式的强大威力》中所提到的,认为超链接可以这样去定义:

1.尽可能的使用默认的蓝色,甚至加上下划线。

2.当鼠标移动上去的时候,请定义:hover,让其进行变色,并且加上下划线,因为这是一个超链接默认的样式,经过这样处理之后,能够让人深信不疑的认为这是一个超链接。

3.如果你无法合理的配色或者你的作品无法使用多种色彩,请尝试让字体变大或者变小或者倾斜,让超链接变得与众不同,这样就会让人产生疑问。

默认字体样式

默认字体样式引入的第一个概念:样式优先级通常用户看到的页面的样式会受到三层控制:第一层是浏览器的默认样式第二层是网页定义样式第三层是用户自定义样式

和CSS一样,后面的优先级高于前面的,也就是说网页定义样式可以覆盖浏览器的默认样式,而用户自定义样式优先级最高。不过,当有 !important 时,网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。

因为中文字体的选择非常有限,所以目前所有的主流浏览器都设置使用宋体来显示中文。Baidu的首页和搜索结果页使用font-family:arial;可以从侧面说明这样做的安全性。可能有人注意到Firefox中国版默认显示的中文字体是微软雅黑,这是因为谋智网络擅自修改了用户自定义样式,不允许网页的样式覆盖浏览器设置的样式。

12px是宋体能显示的极限,虽然微软雅黑能显示更小的字体,但目前的应用环境尚未成熟。由于宋体基本上是目前显示中文唯一的通用Web字体,所以12px成为最常用的字体大小。我们当然可以依据产品的需要来修改这个默认值。

行高:1.5倍

这是一个经验值,不同的产品对这个值要求可能不同,但我们一般会设置最常用的为默认值。比如YUI的font中是font:13px/1.231 arial,helvetica,clean,sans-serif;即字体大小默认值是13px,行高是13*1.231=16.003px,默认的行高是默认字体的1.231倍。对于中文来说,常用的字体大小12px、14px、16px、18px等偶数大小,在IE6和IE7设置其行高也为偶数能解决一些特殊情况下的字体对其问题。

综上所述。我们可以分析出默认字体的最佳样式:

字体:宋体

字号:12px

行高:1.5倍在IE6和IE7中,行高值必须大于字体的2px才能保证字体的完整显示或当其作为链接时能有效显示下划线。

宝鸡世纪网络宝鸡市工商局注册的专业提供网站建设、网站优化、网站推广,软件开发的高新技术企业,目前已承建宝鸡地区近760多家政府网站、企业网站,是宝鸡网站建设行业规模最大、客户数量最多、技术力量雄厚的宝鸡网络公司公司所有网站均独立设计、均采用DIV+CSS布局、手工编写另外,我们承诺:做网站均提供一年免费技术维护.我们一直全心全意为客户服务

业务咨询QQ:309183243



0