CSS font-size字体大小尺寸

网页中字体大小尺寸设置font-size属性样式教程,此文章对css font-size文字大小属性样式语法、单位、示例详解。

对html网页中对文字大小尺寸设置使用font-size。CSS布局设置网页文字大小、字体大小使用样式属性之font-size

安全常用语法:

p{font-size:14px}  设置<p>段落对象内文字大小为14像素。

font-size:20px —— 常规使用像素为单位
font-size:1.3em —— 相对长度单位,比如html设置字体12px,如果设置一个标签为1.3em,那么实际字体大小为12*1.3
font-size:90% —— 百分比相对继承父级字体大小的百分比
font-size:1.5rem ——  这个和em是相对长度是父级字体大小1.5倍的大小。

当然还有其它值xx-small、x-small、small、medium、large、x-large、xx-large,这些值为英文单词为值,设置字体较小、较大,但当前已经很少使用了。

在普通PC浏览器中使用PX为单位较多,有的固定宽度的移动网页使用也比较多;在移动网页中使用em为单位也较多。

示范例子:

body{font-size:14px}
h1{font-size:18px}
.nav{font-size:16px}

以上设置网页默认字体大小为14px,标题H1标签内文字大小18PX,class=nav对象内字体大小为16px。

更新