非零基础自学前端最后一遍 一 HTML+CSS 7 CSS属性-字体 7.1 字体属性font-size

迷南。 2024-03-25 10:19 138阅读 0赞

非零基础自学前端最后一遍

文章目录

      • 非零基础自学前端最后一遍
      • 一 HTML+CSS
      • 7 CSS属性-字体
        • 7.1 字体属性font-size
          • 7.1.1 font-size(重要)

在这里插入图片描述

一 HTML+CSS

7 CSS属性-字体

7.1 字体属性font-size
7.1.1 font-size(重要)

font-size决定文字的大小

常用的设置

  • 具体数值+单位

    • 比如100px
    • 也可以使用em单位(不推荐)：1em代表100%，2em代表200%，0.5em代表50%

  • 百分比

    • 基于父元素的font-size计算，比如50%表示等于父元素font-size的一半

在这里插入图片描述

em单位对比：

在这里插入图片描述

1em 没区别

设置为2个

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

没毛病，200%【浏览器默认16px】

我们把第一个div 包一下

在这里插入图片描述

这种情况有几种说法：

  • em 是根据父元素字体的尺寸来计算的
  • 父元素的属性被继承了

反正都是浏览器根据父元素来进行渲染的

用百分比：

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读