[分享]css3怎么字体大小

在CSS3中有多种设置字体大小的属性，包括：

font-size: 16px;
font-size: 1em;
font-size: 1rem; 

1. 使用像素(px)设置字体大小

使用像素(px)单位可以精确地指定字体的大小，但是在不同设备上可能会出现显示不一致的情况。例如，16px的字体在高DPI屏幕上可能会显得过小，而在低分辨率屏幕上可能会显得过大。

p {
    font-size: 16px;
} 

2. 使用em设置字体大小

em是CSS中相对长度单位，它的大小依赖于父元素的字体大小。例如，如果父元素的字体大小是16px，那么1em就等于16px。使用em设置字体大小可以方便地实现响应式设计。

body {
    font-size: 16px;
}

p {
    font-size: 1em; /* 等于16px */
} 

3. 使用rem设置字体大小

rem也是相对长度单位，但它的大小不依赖于父元素的字体大小，而是相对于根元素(html元素)的字体大小。使用rem设置字体大小可以方便地调整整个页面的字体大小。

html {
    font-size: 16px;
}

p {
    font-size: 1rem; /* 等于16px */
} 

以上就是CSS3中设置字体大小的几种方式，根据实际需求选择适合的方法。