如何設(shè)置CSS字體大小
在CSS中設(shè)置字體大小,你可以使用font-size
屬性,這個屬性可以指定字體的大小,單位是像素(px)、點(pt)、毫米(mm)等,下面是一些示例:
1、設(shè)置像素字體大小:
```css
p {
font-size: 16px;
}
```
這個CSS規(guī)則會將段落(p元素)的字體大小設(shè)置為16像素。
2、設(shè)置點字體大小:
```css
h1 {
font-size: 24pt;
}
```
這個CSS規(guī)則會將標(biāo)題(h1元素)的字體大小設(shè)置為24點。
3、設(shè)置毫米字體大小:
```css
h2 {
font-size: 18mm;
}
```
這個CSS規(guī)則會將副標(biāo)題(h2元素)的字體大小設(shè)置為18毫米。
4、使用em單位設(shè)置字體大小:
```css
p {
font-size: 1.5em;
}
```
這個CSS規(guī)則會將段落(p元素)的字體大小設(shè)置為當(dāng)前字體大小的1.5倍。em
單位相對于當(dāng)前元素的字體大小。
5、使用rem單位設(shè)置字體大小:
```css
p {
font-size: 1.6rem;
}
```
這個CSS規(guī)則會將段落(p元素)的字體大小設(shè)置為根元素(通常是<html>
元素)字體大小的1.6倍。rem
單位相對于根元素的字體大小。
字體大小的繼承關(guān)系
在CSS中,字體大小是可以繼承的,如果一個元素沒有指定font-size
屬性,那么它將使用其父元素的font-size
值。
body { font-size: 16px; } p { font-size: inherit; /* 繼承body元素的字體大小 */ }
在這個例子中,段落(p元素)將使用與<body>
元素相同的字體大小(16像素)。