探索网页设计中的默认样式 |
作者:佚名 发布时间:2013-02-21 浏览:3381次 |
好久没有写过关于网页设计的文章了,今天看了篇文章《设计中默认样式的强大威力》,对默认样式,我也有几点不同于该作者的看法。 首先,我们要搞清楚什么是默认样式: 默认样式,就是网页中最原生态的样式。如超链接默认样式为蓝色下划线、在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 |