首页 > 软件开发 > HTML >

如何用CSS对文字和字体进行样式调整

来源:互联网 2023-03-16 19:15:58 165

如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

工具/原料

  • chrome
  • windows7
  • sublime text3

方法/步骤

  • 1

    创建HTML的基本架构,然后写上标签和内容。7V7办公区 - 实用经验教程分享!

    默认是左对齐的。7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

  • 2

    关联CSS文件。然后我们可以修改字体的颜色。用color。7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

  • 3

    font-size可以修改字体的大小。7V7办公区 - 实用经验教程分享!

    除了px,还有em为单位。7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

  • 3此文章未经许可获取自百度经验
  • 4

    font-family可以修改字体库的字体。7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

  • 5

    font-style可以使字体改为斜体。7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

  • 6

    font-variant:small-caps;7V7办公区 - 实用经验教程分享!

    这样可以显示小型大写字母的字体。7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

  • 7

    font-weigtht可以修改字体的粗细。7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

    如何用CSS对文字和字体进行样式调整7V7办公区 - 实用经验教程分享!

  • 注意事项

    • 记住这些英文的意思就可以记住功能了

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


    标签: HTMLCSS字体

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