CSS3字体大小代码是多少? CSS3中提供了一些新的字体大小单位,这些单位可以与传统的像素(px),百分比()和ems(em)一起使用。下面是CSS3中的一些新的字体大小单位: 1. rem(相对...
CSS3字体大小代码是多少?
CSS3中提供了一些新的字体大小单位,这些单位可以与传统的像素(px),百分比(%)和ems(em)一起使用。下面是CSS3中的一些新的字体大小单位:
1. rem(相对于根元素的字体大小) 2. vw(视口宽度的百分比) 3. vh(视口高度的百分比) 4. vmin(vw和vh中较小的那个) 5. vmax(vw和vh中较大的那个)
我们可以使用以下代码来设置字体大小:
p {
font-size: 16px; //使用像素单位
font-size: 1em; //使用ems单位
font-size: 1.5rem; //使用rem单位
font-size: 5vw; //使用vw单位
font-size: 3vh; //使用vh单位
font-size: 3vmin; //使用vmin单位
font-size: 5vmax; //使用vmax单位
}
在上面的代码中,我们可以使用不同的单位来设置字体大小。例如,如果我们想要设置字体大小为根元素的2倍,我们可以使用2rem。如果我们想要设置字体大小为视口宽度的10%,我们可以使用10vw。
总的来说,CSS3提供了更多的字体大小单位,可以使我们更加灵活地设置字体大小。通过对这些单位的了解,我们可以更好地控制页面的呈现效果。