font-size 百分比
时间: 2023-09-08 17:12:53 浏览: 149
font-size 百分比是一种用于设置文本大小的单位。它相对于父元素的 font-size 值进行计算。例如,如果父元素的 font-size 为 16px,而你想要设置子元素的 font-size 为父元素 font-size 的 50%,那么子元素的 font-size 将为 8px(16px 的一半)。这种相对单位可以使得文本大小在不同设备和屏幕尺寸下更具有适应性。
相关问题
font-size font-weigh
`font-size` 和 `font-weight` 是两个常用的CSS样式属性,用于控制文本的显示效果。
1. **font-size**:用于设置文本的字体大小。它可以接受相对单位(如em、rem、百分比)、绝对单位(如px、pt、cm等)以及一些预设值(如smaller、larger)。例如:
```css
p {
font-size: 16px;
/* 或者 */
font-size: 1.5em; /*相对于父元素字体大小的一半*/
}
```
2. **font-weight**:用于设定文本的粗细程度。它有多种取值,包括但不限于:
- `normal`: 正常(默认)
- `bold`: 加粗
- `bolder`: 比正常更粗
- `lighter`: 比正常更轻
- 数字值(100-900),数字越大表示越粗,100等于normal,900非常粗
```css
strong {
font-weight: bold;
}
.title {
font-weight: 700; /* 设置标题为稍粗的字体*/
}
```
这两个属性一起使用可以让文字更具视觉层次感。
font-size
font-size 是CSS中用于设置文本字体大小的属性。它可以接受各种单位,如像素、百分比等。例如,设置字体大小为14像素可以使用以下CSS代码:
```
font-size: 14px;
```
阅读全文