像素(px): 絕對單位,以屏幕上的實(shí)際像素為基準(zhǔn),最常用于具體的尺寸和位置表示。
百分比(%): 相對單位,基于父元素的屬性計(jì)算大小,如寬度、高度、邊距等。
自適應(yīng)單位(em): 相對單位,相對于當(dāng)前元素的字體大小,1em 等于當(dāng)前元素的字體大小。
根元素單位(rem): 相對單位,相對于根元素(通常是 ) 的字體大小,1rem 等于根元素的字體大小。
視口單位(vw、vh、vmin、vmax): 相對單位,基于視口的寬度和高度計(jì)算大小。
vw:相對于視口寬度的百分比。
vh:相對于視口高度的百分比。
vmin:相對于視口寬度和高度中較小值的百分比。
vmax:相對于視口寬度和高度中較大值的百分比。
字體單位(pt、em、rem): 用于設(shè)置字體大小的單位。
pt:絕對單位,等于 1/72 英寸。
em:相對單位,基于當(dāng)前元素的字體大小。
rem:相對單位,基于根元素的字體大小。
絕對單位:
cm:厘米。
mm:毫米。
in:英寸。
pt:點(diǎn)(1/72 英寸)。
pc:派卡(12 點(diǎn))。
位置單位(top、right、bottom、left): 用于定位元素的屬性,可以結(jié)合其他單位一起使用。
時間單位(s、ms): 用于設(shè)置動畫和過渡的時間。
s:秒。
ms:毫秒。
以上是一些常見的 CSS 單位,具體使用時需根據(jù)情況選擇合適的單位來滿足設(shè)計(jì)和布局需求。文章來源地址http://www.zghlxwxcb.cn/news/detail-654440.html
文章來源:http://www.zghlxwxcb.cn/news/detail-654440.html
到了這里,關(guān)于CSS常見單位匯總的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!