CSS中字體的單位有很多種,下面是主要的幾種。
/* 字體大小 */ font-size: 16px; /* 像素 */ font-size: 1rem; /* 根元素字體大小 */ font-size: 1em; /* 父元素字體大小 */ /* 字體間距 */ letter-spacing: 1px; /* 像素 */ letter-spacing: 0.1em; /* 相對于字體大小的倍數 */ /* 行高 */ line-height: 24px; /* 像素 */ line-height: 1.5; /* 相對于字體大小的倍數 */
像素是最常用的字體單位。它的特點是固定大小,因此不易受到瀏覽器、操作系統和設備的影響。
rem是相對于根元素(即html元素)的字體大小,所以可以用來實現響應式設計。如果根元素字體大小為16px,那么1rem就等于16px。
em是相對于父元素的字體大小。使用em時需要注意不同層級的字體大小,否則可能造成多層嵌套的字體大小混亂。
字體間距和行高也可以使用像素和倍數兩種單位。相對于字體大小的倍數可以讓字體間距和行高隨字體大小變化而變化,保證排版的美觀。
下一篇css 中內嵌式樣式表