HTML如何设置字体样式?

HTML如何设置字体样式?

我们开发一个页面时,会经常涉及到文字部分。HTML 默认的字体样式为宋体,12px。如果我们不想设置字体为宋体的话,需要为它更改样式。HTML 字体样式的更改需要用到 CSS。

CSS 常用的字体属性有五种:​font-style​、​font-weight​、​font-size​、​font-family​、​font​。

  • font-style:设置斜体。​normal​是正常字体,​italic​设置斜体。

p{font-style:italic}

  • font-weight:设置字体粗细。​normal​是正常,​bold​是字体加粗,​100-900​是粗细程度。

p{font-weight:bold;}
p{font-weight:400;}

  • font-size:设置字体大小。

p{font-size:24px;}

  • font-family:设置字体风格,如微软雅黑,楷体,宋体······

p{font-family:"楷体";}

  • font:同时给字体设置斜体,加粗,大小,字体,每一个值之间用空格隔开,且必须严格按照顺序执行。

p{font:italic bold 24px "楷体";}

以上就是 HTML 如何设置样式的全部内容。更多 HTML 的学习请浏览 HTML 教程

相关推荐

  1. HTML如何设置字体样式

    2024-04-03 08:02:04       12 阅读
  2. HTML 字体样式

    2024-04-03 08:02:04       38 阅读
  3. Qt——设置字体样式

    2024-04-03 08:02:04       10 阅读
  4. 样式Html 卡片样式

    2024-04-03 08:02:04       20 阅读
  5. CSS字体样式

    2024-04-03 08:02:04       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-03 08:02:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-03 08:02:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-03 08:02:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-03 08:02:04       20 阅读

热门阅读

  1. 进程和线程之间的区别和联系

    2024-04-03 08:02:04       15 阅读
  2. 串口屏接口之RS232/485的理解

    2024-04-03 08:02:04       14 阅读
  3. 国外服务器租用需要考虑哪些重要信息

    2024-04-03 08:02:04       16 阅读
  4. OCRmyPDF:全能PDF光学字符识别工具及其Python集成

    2024-04-03 08:02:04       9 阅读
  5. Docker in Docker原理与实战

    2024-04-03 08:02:04       10 阅读
  6. 第四章:Minikube生命周期管理命令

    2024-04-03 08:02:04       12 阅读
  7. springboot + mybatis支持多数据库

    2024-04-03 08:02:04       14 阅读
  8. 【Python进阶(五)】——模块搜索及工作目录

    2024-04-03 08:02:04       12 阅读
  9. Quill文档(四):使用Parchment克隆Medium

    2024-04-03 08:02:04       11 阅读
  10. 如何在 Ubuntu 12.04 上添加交换空间

    2024-04-03 08:02:04       12 阅读