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

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中文网其它相关文章！