HTML培训：如何在HTML中更改文本大小

果你需要在网页上创建标题，或者在网站上改变不同页面上的文本大小，或段落中的某个特定单词突出，可以通过使用html命令更改文本大小来做到这一点。但凡上过html培训学习的人都会很轻轻松学会这个操作，有导师指导，学起来要容易的多。

更改前，先备份

无论什么时候你要更改网页，无论你只是在html中更改文本大小，还是在添加照片或将背景图像更改为新模式时，在更改前始终要记住一点：备份你现有的页面。这将确保如果在更改期间发生错误，并且此错误导致网页丢失，则可以恢复到起始位置，然后再试一次。

若要复制网页，请打开该文件并复制html。然后将页面html的副本粘贴到一个程序中，比如程序员的记事本，这是一个免费的实用程序，供网页设计者/程序员使用，用于CSS、html和其他程序。

在更改的操作中，备份是经常要做的事，这一点非常重要，一般你在html培训学习时，老师都会强调这一点的。

如何在HTML中更改文本大小

首先，找到要更改的一行或多行文本。使用

这个标记

在html中更改文本大小是一个简单的编码问题，你可以学会自己做，你也可以使用各种额外的html技巧。通过参加html培训学习，对html会有更系统更全面的认识，零基础也能轻松学到有用的知识。

了解更多

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    /*总体的样式*/
    <style>
    	/*盒子样式*/
        #box{
            width: 350px; //宽
            height: 450px; //高
            border: 1px solid black; //边框
            border-radius: 10px; //边框弧度
            font-family: 黑体; //字体
            letter-spacing:8px; //段间距
            word-spacing: 10px; //字间距
            line-height: 40px; //行高
            font-size: 18px; //字大小
            padding: 20px; //内边框
        }
        /*给'注册'赋予样式*/
        .register{
            width:280px ; //宽
            height: 50px; //高
            background-color: skyblue; //背景颜色
            border-radius: 10px; //边框弧度

        }
        /*将所有边框都改变*/
        *{
            border-radius: 5px; 边框弧度
        }
        /*使用class选择器，赋予number宽高和边框*/
        .number{
            width: 185px; //宽
            height: 27px; //高
            border-width: 1px; //边框宽度

        }
        /*id选择器*/
        #two{
            width: 55px; //宽
            border-width: 1px; 边框宽度
        }
        /*id选择器*/
        #phone{
            width: 103px; //宽
        }
        /*class 选择器*/
        .boxs{
            zoom: 75%; //清除浮动
            color: darkgray; //颜色
        }
        /*class选择器*/
        .box_a{
            width: 50px; //宽
            height: 50px; //高
            background-image: url("../image/04.jpg "); //背景图片
            background-repeat: no-repeat; // 是否平铺
            background-size: 50px 25px; //背景尺寸
            position: relative; //定位 相对定位
            left: 310px; //定位后左移
            bottom: 32px; //定位后下移

        }
    </style>
</head>
<body>
<div id="box">
    <h1>请注册</h1>
<p style="color: darkgray">已有帐号?<a href="https://im.qq.com/index">登录</a></p>
<form action="" method="post">
    <label for="name">用户名</label>
    <input type="text" placeholder="请输入用户名" id="name" class="number"> <br>
    <label for="phone">手机号</label>
    <select name="" id="two" class="number">
    <optgroup>
        <option style="" class="">+86</option>
    </optgroup>
    </select>
    <input type="text" placeholder="请输入手机号" id="phone" class="number"> <br>
    <label for="mima">密 码</label>
    <input type="password" placeholder="请输入密码" id="mima" class="number"> <br>
    <label for="mima">验证码</label>
    <input type="password" placeholder="请输入验证码" id="is" class="number">
    <div class="box_a"></div>
    <div class="boxs">
        <input type="radio" id="" class="accept">阅读并接受协议<br>
    </div>
    <input type="submit" value="注册" class="register" >

    </form>
</div>


</body>
</html>
在这里插入图片描述

电脑桌面上点击鼠标右键，选择“个性化”。

然后在页面中选择“显示”；

接下来选择“125%”，然后就可以调整屏幕上的文字大小了。

调整网页页面字体大小：

在浏览器打开一个页面，同时按住键盘Ctrl键+鼠标滚轮（或者键盘“+/-”），即可调整网页字体大小；

还有一种方法是点击网页上的工具栏图标，点击网页缩放，选择相应的字体大小进行调整。

（本文转发自 http://www.mengniukeji.xyz/1/132.html 商业转载请联系作者获得授权，非商业转载请注明出处）

在线咨询

上一篇：Python爬虫基础教程（二）
下一篇：HTML的frame框架使用完整总结（web初学必看）

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

HTML培训：如何在HTML中更改文本大小

您的项目需求