CSS 15个长度单位使用区别

技术频道 - html技术

作者:admin 时间:2021-7-7 2:24:51 浏览:

CSS有很多长度单位，但不是任何一个单位都适合用于任何设计上。本文将介绍CSS的15个长度单位使用区别。

长度是一个数字后跟一个长度单位，例如10px， 2em等。

设置不同的长度值，使用 px（像素）：

h1 {
  font-size: 60px;
}

p {
  font-size: 25px;
  line-height: 50px;
}

注意：数字和单位之间不能出现空格。但是，如果值为 0，则可以省略单位。

对于某些 CSS 属性，允许负长度。

长度单位有两种类型：绝对长度和相对长度。

CSS长度单位有两种类型：绝对单位和相对单位

绝对长度单位是固定的，以任何这些单位表示的长度将显示为该大小。

不建议在屏幕上使用绝对长度单位，因为屏幕尺寸变化很大。但是，如果输出介质已知，则可以使用它们，例如用于打印布局。

* 像素 (px) 与查看设备有关。对于低 dpi 设备，1px 是显示器的一个设备像素（点）。对于打印机和高分辨率屏幕，1px 意味着多个设备像素。

相对长度单位指定相对于另一个长度属性的长度。相对长度单位在不同渲染介质之间缩放得更好。