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

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

来源:互联网 2023-02-21 21:58:52 159

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

工具/原料

  • chrome
  • windows7
  • sublime text3

方法/步骤

  • 1

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

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

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

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

  • 2

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

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

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

  • 3

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

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

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

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

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

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

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

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

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

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

  • 5

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

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

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

  • 6

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

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

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

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

  • 7

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

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

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

  • 注意事项

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

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


    标签: HTMLCSS字体文字样式

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