html中设置字体大小的方法

发布时间:2020-12-08 09:49:46

来源:亿速云

阅读:163

作者:小新

这篇文章将为大家详细讲解有关html中设置字体大小的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。设置html字体大小的方法:1、【font-size】后面加px值的方式;2、使用inherit继承父元素的字体大小;3、设置固定的几个值;4、设置smaller和larger;5、设置百分比的形式。

设置html字体大小的方法:

1、第一种:font-size后面加px值的方式

8ac76ed16bc77f86245452531fdc2628.png

如图,px越大,字体也就越大

e938cd7c09729b9e6c5f744ed8085370.png

2、第二种:inherit,继承父元素的字体大小,比如说父元素是10px,那么子元素也是10px

d2c15e918022afbe347e68c9ebb8a88e.png

3、第三种:固定的几个值(默认值是medium):

xx-small、x-small、small、medium、large、x-large、xx-large

b2df5003c9f54ce8c7187dc98abfbe8b.png

4、第四种:smaller和larger

这两个是相对于父元素的大小

b8a6cdae59732097d5f00a96495ee765.png

5、第五种:百分比的形式

同样也是在父元素大小的基础上,进行百分比的调节

c980d21a88b2bec64fbf5d4035b54d71.png

关于html中设置字体大小的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐