如何在css中修改字体大小

今天就跟大家聊聊有关如何在css中修改字体大小,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

font-size 属性用于设置字体大小。

常用属性值:

  • smaller    把 font-size 设置为比父元素更小的尺寸。

  • larger    把 font-size 设置为比父元素更大的尺寸。

  • length    把 font-size 设置为一个固定的值。

  • %    把 font-size 设置为基于父元素的一个百分比值。

  • inherit    规定应该从父元素继承字体尺寸。

下面我们来看看具体的代码示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
h2 {font-size:250%;}
h3 {font-size:200%;}
p {font-size:100%;}
</style>
</head>

<body>
<h2>This is heading 1</h2>
<h3>This is heading 2</h3>
<p>This is a paragraph.</p>
</body>

</html>

css的选择器有哪些

css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以有多种组合,有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等

看完上述内容,你们对如何在css中修改字体大小有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。