首页 > 软件开发 > HTML >

html如何利用CSS设置字体样式

来源:互联网 2023-03-16 19:10:38 407

现在的html页面,将页面结构与页面样式分开来,这样做可以使结构清晰,样式明确,同时因为样式分开于结构,样式可以实现多次调用。D1N办公区 - 实用经验教程分享!

工具/原料

  • HTML
  • CSS

方法/步骤

  • 1

    我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。D1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 2

    在头部调用CSS文件样式。D1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 2相关内容未经许可获取自百度经验
  • 3

    对于CSS,我们最常用的是通过class或是标签名来控制样式。D1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 4

    我们控制字体样式使用的fontD1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 5

    比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。D1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 6

    如果我们需要设置字体样式,那么我们可以使用font-familyD1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 7

    如果我们需要给字体加粗,那么我们可以使用font-weight。D1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 8

    在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对其方式。D1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 9

    而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。D1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 10

    如果您定义的容器比文字的宽度小,那么您可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。D1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

  • 11

    font-style可以设置字体的样式D1N办公区 - 实用经验教程分享!

    html如何利用CSS设置字体样式D1N办公区 - 实用经验教程分享!

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


    标签: CSSHTML设置

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