3.css常用的字体(font)属性

最新推荐文章于 2024-03-01 14:31:06 发布

堵车了

最新推荐文章于 2024-03-01 14:31:06 发布

阅读量324

点赞数

分类专栏： css 文章标签： css3

本文链接：https://blog.csdn.net/weixin_45660035/article/details/119564793

版权

css 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

1.常用字体样式属性总结

字体样式	说明
font-family	设置文本的字体，常用的是微软雅黑，可设置多个
font-size	设置字体的大小，可以使px 和em (1em表示当前一个字体的大小)，一般是16px
font-weight	设置字体的粗细，数字越大越黑
font-style	设置字体的展示样式，常用的主要有两个italic(倾斜) normal(正常)

2.代码示例

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>test1</title>
  <style>
    .first {
      /* 可以设置多个，当前面没生效时从左往右依次查找 */
      font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
      /* 设置文字的大小，可以使px(常用)， em(1em表示当前一个字体的大小)，一般正常的字体大小都是16px */
      font-size: 20px;
      /* 设置文字是否加黑,数字越大越黑 */
      font-weight: 700;
      /* 设置文字的样式： 常用的主要有两个italic(倾斜) normal(正常) */
      font-style: italic;

    }
  </style>
</head>

<body>
  <span class="first">这是一段测试的文字</span>
</body>

</html>

堵车了

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3.css常用的字体(font)属性

1.常用字体样式属性总结字体样式说明font-family设置文本的字体，常用的是微软雅黑，可设置多个font-size设置字体的大小，可以使px 和em (1em表示当前一个字体的大小)，一般是16pxfont-weight设置字体的粗细，数字越大越黑font-style设置字体的展示样式，常用的主要有两个italic(倾斜) normal(正常)2.代码示例<!DOCTYPE html><html lang="zh-CN"&g
复制链接

扫一扫

专栏目录