CSS3中引入了許多新的單位,讓我們在進行網(wǎng)頁布局和設(shè)計時更加靈活。下面是介紹其中幾個重要的單位:
px:像素,是最基本的單位,也是最常用的單位,通常我們用來設(shè)置文本的大小,或者設(shè)置圖片的寬高等。
em:em是相對單位,相對于當前元素的字體大小來計算,如果當前元素字體大小為16px,那么1em 等于16px, 2em則等于32px。這對于響應式布局非常的有用。
rem:rem是相對于根元素(html)的字體大小來計算,它的大小不會因為元素的嵌套而改變。如果html的字體大小為16px,那么1rem等于16px。
vw/vh:vw和vh是表示視口的百分比,視口是指當前瀏覽器窗口或包含當前元素的容器。1vw等于視口寬度的1%, 1vh等于視口高度的1%。它們常用于響應式布局,可以讓元素根據(jù)視口大小自適應調(diào)整。
%
以上就是CSS3中一些常用的單位,它們的運用可以讓我們更加方便地進行網(wǎng)頁布局和設(shè)計。