欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css怎么让字体更大

程序员文章站 2022-04-04 22:09:18
...

css让字体更大的方法:可以利用font-size属性来设置字体的大小,如【font-size:12px】。需要注意的是,font-size属性设置的是字体中字符框的高度。

css怎么让字体更大

本教程操作环境:windows7系统、css1版,该方法适用于所有品牌电脑。

相关推荐:CSS教程

css让字体更大

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    规定应该从父元素继承字体尺寸。

举例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div的字体大小 CSS5</title>
<style>
div{ font-size:12px}
.xiao{ font-size:16px}
#da{ font-size:20px}
</style>
</head>
<body>
<div>默认设置12px</div>
<div class="xiao">字体大小为16px</div>
<div id="da">字体大小为20px</div>
<div style=" font-size:24px">我字体大小为24px</div>
<div>默认设置12px</div>
</body>
</html>

更多编程相关知识,请访问:编程学习!!

以上就是css怎么让字体更大的详细内容,更多请关注其它相关文章!

相关标签: css 字体