首页 > 软件开发 > HTML >

html网页设计中如何改变字体大小

来源:互联网 2023-03-16 19:19:04 133

html网页中的文字如何改变它的字号大小呢?我们可以利用font>/font>这对标签中的style属性控制字号。这篇经验告诉您如何修改html网页字体大小。EKl办公区 - 实用经验教程分享!

html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

工具/原料

  • win 10
  • Adobe Dreamweaver CC 19.0
  • 电脑 dreamweaver

方法/步骤

  • 1

    首先,我们打开Dreamweaver创建一个html网页;EKl办公区 - 实用经验教程分享!

    html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

    html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

  • 2

    在网页中输入一段文字,用鼠标右键打开列表,点击【页彩宙瞧面属性】;EKl办公区 - 实用经验教程分享!

    html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

    html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

  • 2本页面未经授权抓取自百度经验
  • 3

    在【外观(css)】中可以看到【大小】,选择合适的字号之后,应用后确定,我们可以看到,文字大小发生了改变;

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

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

    html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

  • 4

    如果只想改变一行文字的字体大小,可以利用font>/font>这对宿袭标签;EKl办公区 - 实用经验教程分享!

    将界面切换到【拆分】,同时显示网欠裹页和代码;EKl办公区 - 实用经验教程分享!

    在网页中再输入一行文字,然后在这段文字的代码前后使用font>/font>标签,在标签里写上【 style=“”】,将上方的font-size: 24px复制到双引号里,修改数值为18px;EKl办公区 - 实用经验教程分享!

    可以看到文字大小发生了更改,数值的大小会影响文字大小;EKl办公区 - 实用经验教程分享!

    html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

  • 5

    如果还有其他行文字需要同等大小,就在font>/font>标签里;EKl办公区 - 实用经验教程分享!

    如果使用开始设置的字号,就在font>/font>标签外。EKl办公区 - 实用经验教程分享!

    html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

    html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

  • 6

    注意要点:EKl办公区 - 实用经验教程分享!

    1、font>/font>标签的style属性可以修改字体大小;EKl办公区 - 实用经验教程分享!

    2、标签成对出现,要注意前后位置;/是段落标签;EKl办公区 - 实用经验教程分享!

    3、外观(CSS)中可以选择整个页面的字号,外观(THML)没有字号选择;EKl办公区 - 实用经验教程分享!

    4、font style="font-size: 18px">/font>要注意空格和英文双引号。EKl办公区 - 实用经验教程分享!

    html网页设计中如何改变字体大小?EKl办公区 - 实用经验教程分享!

  • 注意事项

    • 经验左侧点赞,谢谢支持

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


    标签: HTML

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