在css中,可以使用font-size属性来改变字体大小,该属性可以设置字体大小,语法格式为“font-size:值;”。实际上font-size属性设置的是字体中字符框的高度,实际的字符字形可能比这些框高或矮(通常会矮)。
本教程操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
在css中,可以使用font-size属性来改变字体大小。
css font-size属性
font-size 属性用于设置字体大小。
注意:实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。
值 | 描述 |
---|---|
| 把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。 默认值:medium。 |
smaller | 把 font-size 设置为比父元素更小的尺寸。 |
larger | 把 font-size 设置为比父元素更大的尺寸。 |
length | 把 font-size 设置为一个固定的值。 |
% | 把 font-size 设置为基于父元素的一个百分比值。 |
inherit | 规定应该从父元素继承字体尺寸。 |
【推荐教程:CSS视频教程 、《html视频教程》】
/*,绝对大小值 */ font-size: xx-small; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; font-size: xx-large; /* ,相对大小值 */ font-size: larger; font-size: smaller; /* ,长度值 */ font-size: 12px; font-size: 0.8em; /* ,百分比值 */ font-size: 80%; font-size: inherit;
实例:使用font-size属性+长度值设置字体大小
这是测试段落
这是测试段落
这是测试段落
这是测试段落
这是测试段落
效果图:
更多编程相关知识,请访问:编程视频!!
以上就是css中如何改变字体大小的详细内容,更多请关注其它相关文章!