如何设置css中字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
在CSS代码中,可以通过设置“font-size”属性来设置字体的大小。font-size属性用于设置字体大小,实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。
font-size 属性:
font-size 属性可设置字体的尺寸。
说明:
该属性设置元素的字体大小。注意,实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。
各关键字对应的字体必须比一个最小关键字相应字体要高,并且要小于下一个最大关键字对应的字体。
font-size属性值值描述
xx-small
x-small
small
medium
large
x-large
xx-large把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。
默认值:medium。
smaller把 font-size 设置为比父元素更小的尺寸。
larger把 font-size 设置为比父元素更大的尺寸。
length把 font-size 设置为一个固定的值。
%把 font-size 设置为基于父元素的一个百分比值。
inherit规定应该从父元素继承字体尺寸。
示例
h1 {font-size: 300%}
h2 {font-size: 200%}
p {font-size: 100%}
This is header 1
This is header 2
This is a paragraph
效果图: