2022-10-17 17:17:26 网页中字体大小尺寸设置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。