css 设置字体大小
时间: 2023-07-26 17:05:31 浏览: 53
可以通过 `font-size` 属性来设置字体大小,例如:
```css
body {
font-size: 16px; /* 设置整个页面的字体大小为16像素 */
}
h1 {
font-size: 2em; /* 设置h1标题的字体大小为整个页面字体大小的2倍 */
}
p {
font-size: 14px; /* 设置段落文字的字体大小为14像素 */
}
```
此外,也可以使用相对单位如 `em`、`rem`、`%` 等来设置字体大小。
相关问题
css设置字体大小
可以使用CSS的font-size属性来设置字体大小,具体用法如下所示:
```css
/* 设置字体大小为16像素 */
font-size: 16px;
/* 设置字体大小为1.5倍 */
font-size: 1.5em;
/* 设置相对于父元素的字体大小为1.2倍 */
font-size: 1.2rem;
```
可以根据具体需要选择不同的单位和数值来设置字体大小。常见的单位有像素(px)、百分比(%)、em、rem等。其中,像素单位是绝对单位,而em、rem等是相对单位,可以根据其父元素的字体大小进行缩放。
css 字体大小动态设置
可以使用JavaScript来动态设置CSS字体大小。具体步骤如下:
1. 给需要设置字体大小的标签添加一个id或class属性,例如:
```
<p id="myParagraph">这是一段文字。</p>
```
2. 在JavaScript代码中获取该标签,例如:
```
var paragraph = document.getElementById("myParagraph");
```
3. 使用该标签的style属性设置字体大小,例如:
```
paragraph.style.fontSize = "16px";
```
可以将上述代码封装成一个函数,让它根据需要接受一个参数来设置字体大小。例如:
```
function setFontSize(element, size) {
element.style.fontSize = size + "px";
}
// 调用函数设置字体大小为20px
setFontSize(paragraph, 20);
```
这样,就可以在需要时动态调整CSS字体大小了。