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

    html怎么修改字体大小

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

    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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:html 字体大小
    上一篇:html怎么禁止页面缩放 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• html的元素是什么• html的注释符号是什么• CSS+HTML如何实现顶部导航栏• HTML进行表格制作• springboot如何返回html和jsp
    1/1

    PHP中文网