首页 >web前端 >css教程 >分享font-size 语法的介绍及相关实例教程

分享font-size 语法的介绍及相关实例教程

零下一度
零下一度原创
2017-06-16 17:06:092202浏览

font-size 语法: 

font-size : absolute-size | relative-size | length

参数: 
absolute-size : 根据对象字体进行调节。xx-small | x-small | small | medium | large | x-large | xx-large 
relative-size : 相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。larger | smaller 
length : 百分数 | 由浮点数字和单位标识符组成的长度值,不可为负值。其百分比取值是基于父对象中字体的尺寸。请参阅长度单位 
 
说明: 
设置或检索对象中的字体尺寸。
默认值为absolute-size的medium值。 
对应的脚本特性为fontSize。请参阅我编写的其他书目。 
示例: 

p { font-style: normal; } 
p { font-size: 12px; } 
p { font-size: 20%; }

网页设计中,font 如何精确字体大小?

一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高,12px的文字在大于1440*900的显示器里看起来会显得比较小,阅读起来不是很容易,所以现在网页设计里面用12px的已经比较少了,特别是文章正文部分,普遍都会用14px。13px的字体在IE6下面会有一点点显示上的bug,所以现在用得也不太多,不过随着IE6慢慢被淘汰,这个问题也不再是一个问题了。而对于标题栏的文字大小,没有特别的限制,视觉上感觉舒服就行。
字体大小代码:font-size:14px(字体大小14像素)
对于font-family,一般来说14px及以下大小的文字,应当设置为宋体,当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的,所以在css里面可以这样设置字体:
font-family:"Microsoft Yahei",simSun,Arial;
把几个字体用逗号隔开,如果系统没有第一种字体,就用第二种,如果没有第二种就用第三种,以此类推。

关于css中font-size继承性的问题

font-size是设置字体的一个css样式,其值可以为:px或者em;
继承方式是根据父元素来定的,如果父元素已经定义了字体大小,子元素没有设置字体大小,那么会默认使用父元素的font-size值,也可以单独给某一个元素设置其值

以上是分享font-size 语法的介绍及相关实例教程的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn