首页前端开发CSScss怎么做字体大小

css怎么做字体大小

时间2023-11-13 06:14:03发布访客分类CSS浏览356
导读:CSS中可以通过给HTML元素设置font-size属性来控制字体大小,如下所示:p { font-size: 16px; // 设置段落字体大小为16像素}h1 { font-size: 32px; // 设置一级标题字体大小为32像...

CSS中可以通过给HTML元素设置font-size属性来控制字体大小,如下所示:

p {
      font-size: 16px;
 // 设置段落字体大小为16像素}
h1 {
      font-size: 32px;
 // 设置一级标题字体大小为32像素}

除了使用像素作为单位,还可以使用em、rem、百分比等单位来设置字体大小。

  1. em: em是相对于父元素字体大小的单位,如下所示:
  2.     body {
              font-size: 16px;
     // 设置全局字体大小为16像素    }
          h1 {
              font-size: 2em;
     // 设置字体大小为父元素字体大小的2倍,即32像素    }
      
  3. rem: rem是相对于根元素字体大小(即html元素)的单位,如下所示:
  4.     html {
              font-size: 16px;
     // 设置根元素字体大小为16像素    }
          h1 {
              font-size: 2rem;
     // 设置字体大小为根元素字体大小的2倍,即32像素    }
      
  5. 百分比: 百分比是相对于父元素字体大小的单位,如下所示:
  6.     body {
              font-size: 16px;
     // 设置全局字体大小为16像素    }
          h1 {
              font-size: 200%;
     // 设置字体大小为父元素字体大小的200%,即32像素    }
          

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css怎么做字体大小
本文地址: https://pptw.com/jishu/537022.html
css 取最后一个li css 取倒数第二个元素

游客 回复需填写必要信息