在HTML和CSS中,長度是指用來衡量各種頁面元素的大小的度量單位。CSS中有許多不同的相對長度單位,以下是其中一些常用的單位:
em:
em是相對于元素的字體大小來定義長度的單位。例如,如果一個段落的字體大小是16像素(px),然后為此段落設置寬度為2em,那么這個寬度就是32像素。
rem:
rem是相對于根元素的字體大小(即html元素)來定義長度的單位。因此,如果前面的例子中根元素的字體大小也為16像素,那么為此段落設置寬度為2rem就會得到相同的結果。
%:
百分比單位是相對于包含塊的大小來定義長度的單位。這個包含塊可以是父元素,也可以是祖先元素。例如,一個元素的寬度為50%,那么它就會占據其包含塊的一半寬度。
vh/vw:
vh和vw單位是相對于視口(瀏覽器窗口)的高度和寬度來定義長度的單位。例如,一個元素的高度為50vh,就會占據視口高度的一半。
ch:
ch單位是相對于0字符的寬度來定義長度的單位。一個字符的寬度通常是固定的,通常為10-15px左右。例如,一個元素的寬度為20ch,則它可以容納20個字符的寬度。
這些相對單位都非常有用,可以使我們更靈活地控制元素的尺寸和位置。