首页 > 电脑专区 > 电脑教程 >

怎样修改网页上的字体的大小

来源:互联网 2023-02-21 22:08:33 490

相信大家有这样的感受,有些网页上的字比较小,我们看着有点费力,尤其是我们在读别人的文章或博客时,有没有办法自由调整网页上字体的大小呢,当然有,我们一起来学习一下吧。(提示:该技巧用到了CSS编程基础)xsV办公区 - 实用经验教程分享!

怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

原料/工具:

  • 计算机/
  • 待浏览的网页(最好是文章阅读页面)/

步骤一:建立CSS样式表

  • 1

    首先,我们在桌面上(其他地方也可以)新建一个文本文档。xsV办公区 - 实用经验教程分享!

  • 2

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 3

    接着,我们打开该文档(默认为记事本打开),写进如下的代码:xsV办公区 - 实用经验教程分享!

    body,td,tr,table,form,option,select,main,input,textarea,p

    xsV办公区 - 实用经验教程分享!

       {xsV办公区 - 实用经验教程分享!

    font-size: 12px;

    xsV办公区 - 实用经验教程分享!

       }xsV办公区 - 实用经验教程分享!

    当然,我们只需理解font-size后这个数值:12px,这就是我们想要的网页字体的大小。xsV办公区 - 实用经验教程分享!

  • 4

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 5

    下面这两步很关键:我们单击“文件”选项,选择“另存为”选项。(注意不要直接保存为TXT格式)。xsV办公区 - 实用经验教程分享!

  • 6

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 7

    我们给该文件重命名(这里我命名为:更改网页字体的大小),并且手动添加其后缀名为CSS,然后保存它。xsV办公区 - 实用经验教程分享!

  • 7该信息未经授权抓取自百度经验
  • 8

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 步骤二:在浏览器中应用CSS样式表

  • 1

    打开浏览器,单击菜单栏的“工具”选项,在下拉菜单中选择“IE选项”。(请注意:我用的是360浏览器,如果您用的是IE浏览器,请单击菜单栏的“工具”选项,在下拉菜单中选择“Internet选项”)xsV办公区 - 实用经验教程分享!

  • 2

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 3

    选择“常规”选项卡,在面板里单击“辅助功能”按钮,在辅助功能面板里,勾选“使用样式表编排文档格式”选框,单击“浏览”按钮,载入我们上一步建立好的CSS样式表,如下面两图所示。xsV办公区 - 实用经验教程分享!

  • 4

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 5

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 6

    然后,我们关闭浏览器。xsV办公区 - 实用经验教程分享!

  • 步骤三:修改网页字体的值,并应用。

  • 1

    现在,我们重新用记事本打开建立的CSS样式表,修改字体的值为16px。xsV办公区 - 实用经验教程分享!

  • 2

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 3

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 4

    最后,保存该表,用步骤二的方法,重新载入CSS样式表。这是我在应用该表之前与应用该表之后分别对某网页的截图,显然,应用该表之后的字体更方便我们读文章。xsV办公区 - 实用经验教程分享!

  • 5

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 6

    xsV办公区 - 实用经验教程分享!

    怎样修改网页上的字体的大小xsV办公区 - 实用经验教程分享!

  • 注意事项:

  • 1

    我们并不建议将字体改的太大,那样会使字符相互重叠,影响我们阅读,一般来说,14px到18px的字体就足够了。xsV办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!xsV办公区 - 实用经验教程分享!


    标签: 网页字体怎样修改

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码