如果设置一个元素的字体为:font-size:18,没有写单位px,那么会默认有px的单位吗?

不会。如果只写 font-size: 18 没有单位,在浏览器中这声明是无效的,字体大小不会改变,会继承父元素的字体大小或者使用浏览器的默认字体大小。

必须指定单位才能使 font-size 生效。常用的单位包括:

  • px (像素): 最常用的单位,指定字体大小为多少像素。 font-size: 18px
  • em: 相对单位,相对于父元素的字体大小。如果父元素字体大小是 16px,那么 font-size: 1.5em 相当于 24px (16 * 1.5)。
  • rem: 相对单位,相对于根元素 (html) 的字体大小。
  • pt (点): 印刷行业常用的单位,1pt 等于 1/72 英寸。
  • %: 相对于父元素的字体大小的百分比。
  • vw/vh: 相对于视口宽度/高度的百分比。

因此,要设置字体大小为 18 像素,必须写成 font-size: 18px;。 省略单位会导致样式失效。

posted @ 2024-12-13 09:07  王铁柱6  阅读(18)  评论(0编辑  收藏  举报