📜  taille texte css (1)

📅  最后修改于: 2023-12-03 15:35:14.986000             🧑  作者: Mango

CSS 文本大小(Taille Texte CSS)

在 CSS 中,您可以使用 font-size 属性来定义文本的大小。文本大小可以是固定大小的像素值,也可以是相对于其他元素大小的百分比值。

通过像素定义文字大小
p {
  font-size: 16px;
}

在上面的示例中,文本中的所有 <p> 元素的大小都将被定义为 16px

通过百分比定义文字大小
.parent {
  font-size: 12px;
}

.child {
  font-size: 150%;
}

在上面的示例中,child 类的元素将继承其父元素 .parent 的大小,并将其大小增加 50%,即为 18px

使用 em 和 rem

在 CSS 中,emrem 都可以用来定义相对大小。它们的区别在于,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 中文本大小的基本用法。我希望这篇文章能够帮助您更好地理解如何定义文本大小。