首页 >web前端 >css教程 > 正文

css怎么让字体更大

原创2020-11-30 16:14:5401151

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

本教程操作环境: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怎么让字体更大的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css 字体
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • CSS深入浅出视频教程CSS深入浅出视频教程
  • Css3入门视频教程Css3入门视频教程
  • CSS3精讲视频教程CSS3精讲视频教程
  • 视频教程分类