style中如何给字体设置大小,加粗
时间: 2024-09-22 19:04:29 浏览: 44
在CSS(层叠样式表)中,有两个常用的属性来设置字体的大小和粗细:
1. **`font-size`**: 用于设置字体的大小。你可以使用绝对单位如像素 (`px`)、相对单位如em (`em`) 或百分比 `%`,也可以使用一些预设的字号如 "xx-small"、"small" 等。例如:
```css
.example {
font-size: 16px; /* 字体大小为16像素 */
font-size: 2em; /* 字体大小为其父元素字体大小的两倍 */
}
```
2. **`font-weight`**: 控制字体的粗细程度。它的取值范围通常是从100(最细)到900(最粗),其中:
- `normal`(或省略):常规字体权重,相当于400。
- `bold`:粗体,等同于700。
- `bolder`:比当前字体更粗,但不超过900。
- `lighter`:比当前字体更细,但不超过100。
例如:
```css
.strong-text {
font-weight: bold; /* 设置为粗体 */
font-weight: 800; /* 直接指定具体的重量级别 */
}
```
为了同时设置字体大小和粗细,只需在一个声明中包含这两个属性即可:
```css
.text-with-style {
font-size: 18px;
font-weight: bold;
}
```
这会使 `.text-with-style` 中的文本既有18像素的大小,又是粗体显示。
阅读全文