手机版学校入驻客服中心网站导航

欢迎来到重庆网页设计培训学校!

咨询热线

网页设计中的默认样式怎么用

来源:重庆网页设计培训学校    时间:2021/1/24 10:51:52

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

  默认样式,就是网页中原生态的样式。如超链接默认样式为蓝色下划线、在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才能增加字体的完整显示或当其作为链接时能有效显示下划线。)

联系方式

选择专业时,如果犹豫不定,不知道选择哪个比较好,敬请致电,专业的咨询老师会为你解答。

  • 报名热线:400-035-8011
  • 咨询老师:王老师
  • 点击咨询:

常见问题

没有想要的答案?马上提问

电脑版|手机版

版权所有: 郑州天华信息技术有限公司