关于CSS网页布局中默认字体样式的简介

字体来说,各个浏览器展示出来的并不一致,包括字体大小、字体种类、行高列宽等,因此我们需要设置一个默认样式,以便实现显示效果的一致性和提高开发的工作效率。
如果你所使用的浏览器不同,那么它们的语言版本、系统版本都有各自独特的设置,这就导致默认的样式在不同的浏览器中所显示出来的效果非常不统一。为了解决上述问题,于是便产生了类似于的reset的YUI之类用来重写浏览器的默认设置,保证各个浏览器样式能够达到一致。

例如拿字体来说,各个浏览器所展示出来的并不一致,包括字体大小、字体种类、行高列宽等,因此我们需要设置一个默认的样式,以便实现显示效果的一致性和提高开发的工作效率。

字体:arial
我们的网页大部分使用中文,目前流行的字体是宋体,我们一般希望通过CSS用更好的方式来实现显示问题,然后用宋体来显示中文符号,之所以要选择arial是因为:我们页面的绝大部分内容字符都是中文,毫无疑问目前为止在网页上最常用也是最通用的显示中文的字体是宋体,但是宋体在显示英文、数字和英文符号时过于糟糕,比如?字符,所以我们一般期望通过CSS来实现用更好的字体样式来显示它们,然后用宋体来显示中文和中文符号。之所以选择arial是因为: Windows和Mac本身都预装了这款字体,也就是使用最广泛的网页字体了。

大小:12px
12px是宋体能显示的最大极限,虽然微软雅黑还能够能显示更小的字体,但由于目前的系统环境尚未成熟。可想而知,宋体在目前基本成为了唯一通用的WEB字体,因此12px也就成为我们常用的字体大小,当然我们也可以进行修改其默认值。

行高:1.5倍
1.5倍的行高值可以说是一个经验值,这是我们一般最常用的默认值。通常在IE6和IE7中,行高的值必须大于字体的2px,只有这样才能保证所有字体的完整显示,也是让其作为链接时可以显示下划线的必要条件。

设置line-height时,注意不要使用单位(包括%在内),因为子节点会继承经过运算后的line-height值,所以当使用单位后浏览器会把line-height计算成第一次定义的绝对值,而不会随着字体大小的变化而变化,而无单位的数值表示是所在容器的font-size的倍数,所以设置为无单位的数值是最佳选择。

正确使用字体种类写法,避免使用引号,这样既可以缩小CSS的大小,又可以让中文字体按上一条方式来编写。

分类目录: 建站教程 | 标签: 关于  CSS网页  布局  默认  字体  样式  简介   | 评论:0
上一篇: 网站设计中影响网页视觉效果的因素
下一篇: 巧妙的设置对象连接