CSS中的尺寸單位有很多種,其中最常見的有像素(px)、百分比(%)、em以及rem。
?像素(px)是最常見的尺寸單位,它是計算機屏幕中的最小點,具有固定的大小,例如1px等于計算機屏幕上的一處小點。在CSS中,我們可以通過這個單位來設置元素的寬度、高度、邊框、內邊距等。
?百分比(%)是相對于父元素的尺寸而言的,例如一個父元素的寬度為500px,子元素設置width:50%時,子元素的寬度將為250px。這個單位通常用于響應式設計中。
?em是相對于當前元素字體大小的單位,例如一個元素使用了font-size:16px并且內部有一個子元素,子元素設置font-size:0.5em時,子元素的字體大小將為8px。這個單位通常用于文本樣式中。
?rem是相對于根元素(html元素)字體大小的單位,例如我們在html元素上設置了font-size:16px,當我們設置一個元素的字體大小為2rem時,這個元素的字體大小為32px。這個單位通常用于響應式設計中,也可以用于解決em嵌套的問題。
?/* 示例代碼 */ .parent{ ??width:500px; } .child{ ??width:50%; } .text{ ??font-size:16px; } .child2{ ??font-size:0.5em; } html{ ??font-size:16px; } .child3{ ??font-size:2rem; }