css零到一中级教程024：CSS 单位

最新推荐文章于 2022-11-01 15:53:49 发布

慕容屠苏

最新推荐文章于 2022-11-01 15:53:49 发布

阅读量77

点赞数

分类专栏： css零到一文章标签： css html 前端

本文链接：https://blog.csdn.net/kerryqpw/article/details/123731029

版权

css零到一专栏收录该内容

98 篇文章 2 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了CSS中的长度单位，包括绝对单位如像素(px)和相对单位如em、rem，以及如何在不同场景下选择合适的单位。特别强调了在屏幕上避免使用绝对单位以适应不同屏幕尺寸，并提到了视口单位(vw)在创建响应式布局中的应用。

摘要由CSDN通过智能技术生成

CSS 单位

CSS 有几种表示长度的不同单位。

许多 CSS 属性接受“长度”值，诸如 width、margin、padding、font-size 等。

长度是一个后面跟着长度单位的数字，诸如 10px、2em 等。

实例

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

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  font-size: 60px;
}

p {
  font-size: 25px;
  line-height: 50px;
}
</style>
</head>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>

</body>
&

了解本专栏