font-size:100%； font: 12px/1.5 Arial；什么意思

北方的刀郎

于 2022-01-10 22:05:28 发布

阅读量785

点赞数

分类专栏： html div css 文章标签： css html javascript

本文链接：https://blog.csdn.net/forest_fire/article/details/122420167

版权

123 篇文章

订阅专栏

font-size是设置字体的属性

常见设置字体大小有 px, rem,em 但是有一种设置就是设置 font-size为百分比。

1	`font-size:100%;`

设置字体属性为默认大小，是相对于浏览器默认字体大小或继承body设定的字体大小来说的

example:

body{
    font-size:12px;
}
div{
    font-size:100%; //这个div标签的字体大小会继承body标签的12px;也就是说，div的字体大小为12px;
}

font-size:10px; 这时候设置font-size:200%时，字体大小为20像素！

这代码分开写是这样的font-family:Arial;font-size:12px;line-height:1.5em;意思是字休是亚洲字体(Arial) 字体大小为12PX 字体行高是1.5em.