[分享]css中字体单位都有什么

在CSS中，字体单位一共有6种，分别为：像素(px)、百分比(%)、EMS(em)、点(pt)、根元素字体大小(rem)和视口宽度(vw)。

 p{
    font-size: 14px;
    font-size: 1em;
    font-size: 100%;
    font-size: 10pt;
    font-size: 1rem;
    font-size: 10vw;
  } 

1. 像素(px)

像素是CSS中最常用的字体单位，它指定字体的实际像素大小。它是固定的，无论屏幕大小如何，都会保持相同的大小。通常用于指定标题和大型文本的字体大小。

2. 百分比(%)

百分比是相对于父元素字体大小的比例大小。如果父元素字体大小为16px，子元素字体大小指定为100%，则等同于16px。百分比可以用于响应式设计中的缩放字体大小。

3. EMS(em)

EMS是相对于当前元素字体大小的比例大小。如果当前元素字体大小为16px，子元素字体大小指定为1em，则等同于16px。如果翻倍了字号，也就是把当前元素字体大小设为32px，那么 1em 就等于 32px。

4. 点(pt)

点是另外一个绝对大小单位，它被广泛用于打印。一个点等于1/72英寸，所以12pt等于1英寸。但由于电脑屏幕和打印机的分辨率不同，12pt在电脑屏幕上看起来比在纸上小。

5. 根元素字体大小(rem)

REM是相对于根元素字体大小的比例大小。如果根元素字体大小为16px，子元素字体大小指定为1rem，则等同于16px。因为rem是相对于根元素，所以可以使得整个页面的元素字体大小非常容易得到控制。

6. 视口宽度(vw)

视口宽度(vw)是相对于视口宽度的比例大小。一个单位等于视口宽度的1/100。如果视口宽度为1000px，使用10vw，则等同于100px。vw可以用于响应式设计中的缩放字体大小。