Rumah  >  Artikel  >  hujung hadapan web  >  分享font-size 语法的介绍及相关实例教程

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

零下一度
零下一度asal
2017-06-16 17:06:092169semak imbas

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值,也可以单独给某一个元素设置其值

Atas ialah kandungan terperinci 分享font-size 语法的介绍及相关实例教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn