css设置字体加粗字体大小
时间: 2024-10-28 18:07:38 浏览: 11
CSS中的字体大小设置属性总结
在CSS中,如果你想设置文本的字体加粗并且改变其大小,你可以使用`font-weight`属性控制字体粗细,`font-size`属性调整字体大小。以下是基本的语法:
```css
selector {
font-weight: bold; /* 设置为粗体,默认值是normal */
font-size: 16px; /* 设置字体大小,单位可以是像素(px), em, rem, % 等 */
}
```
其中,`bold`表示加粗,如果你想要更具体的粗细程度,还可以使用数字值(如`700`代表加重),或者使用预设的字体权重关键字,如`bolder`或`lighter`。
如果你想根据设备屏幕尺寸动态调整字体大小,可以使用相对单位`em`或百分比 `%`。例如:
```css
selector {
font-weight: bold;
font-size: 1.2em; /* 相对于父元素字体大小,1.2倍 */
/* 或者 */
font-size: 12%; /* 相对于视口宽度的12% */
}
```
记得将`selector`替换为你希望应用样式的HTML元素选择器。如果需要同时设置,只需把这两个属性放在同一个规则里即可。
阅读全文