📅  最后修改于: 2023-12-03 15:35:14.986000             🧑  作者: Mango
在 CSS 中,您可以使用 font-size
属性来定义文本的大小。文本大小可以是固定大小的像素值,也可以是相对于其他元素大小的百分比值。
p {
font-size: 16px;
}
在上面的示例中,文本中的所有 <p>
元素的大小都将被定义为 16px
。
.parent {
font-size: 12px;
}
.child {
font-size: 150%;
}
在上面的示例中,child
类的元素将继承其父元素 .parent
的大小,并将其大小增加 50%,即为 18px
。
在 CSS 中,em
和 rem
都可以用来定义相对大小。它们的区别在于,em
基于元素的字体大小,而 rem
基于根元素的字体大小。
p {
font-size: 1em; /* 相当于 16px */
}
h1 {
font-size: 2.5em; /* 相当于 40px */
}
.section {
font-size: 1.2rem; /* 相当于 19.2px,假设根元素字体大小为 16px */
}
font-size
属性可以与其他 CSS 属性结合使用,例如:
p {
font-size: 16px;
line-height: 1.5;
text-align: justify;
font-weight: bold;
}
在上面的示例中,文本大小为 16px
,行高是文本大小的 1.5 倍,文本对齐方式为两端对齐,文本粗细为粗体。
以上是 CSS 中文本大小的基本用法。我希望这篇文章能够帮助您更好地理解如何定义文本大小。