• 技术文章 >web前端 >html教程

    html怎么修改字体大小

    青灯夜游青灯夜游2021-04-30 17:27:08原创235

    html修改字体大小的方法:1、使用font标签,语法格式“字体文本”;2、在包含字体文本的标签元素中使用style属性,添加“font-size:值;”样式即可。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    方法1:使用font标签

    <font> 规定文本的字体、字体尺寸、字体颜色。

    设置字体颜色的语法:

    <font size="数值">字体文本</font>

    size属性值的范围:从 1 到 7 的数字。浏览器默认值是 3。

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    	</head>
    	<body>
    		<div>测试文本</div>
    		<div><font size="5">测试文本</font></div>
    	</body>
    </html>

    效果图:

    1.png

    方法2:使用“font-size:值;”样式

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    	</head>
    	<body>
    		<div>测试文本</div>
    		<div style="font-size: 30px;">测试文本</div>
    	</body>
    </html>

    效果图:

    2.png

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

    (学习视频分享:css视频教程

    以上就是html怎么修改字体大小的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 字体大小
    上一篇:html怎么禁止页面缩放 下一篇:html如何设置背景图片
    VIP会员

    相关文章推荐

    • html的元素是什么• html的注释符号是什么• CSS+HTML如何实现顶部导航栏• HTML进行表格制作• springboot如何返回html和jsp

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网