CSS長度單位用于定義HTML頁面中各種元素的尺寸大小。CSS中有多種不同的長度單位可供選擇,包括絕對單位和相對單位。下面介紹幾種常用的CSS長度單位。
1. px:像素單位是相對于顯示器的分辨率來計算的,是CSS中最常用的單位。如:font-size:16px;。
font-size:16px;
2. em:是相對長度單位,相對于元素的字體大小。如:font-size:16px;line-height:1.5em;,其中1.5em表示的是1.5倍于本身字體大小的行高。
font-size:16px; line-height:1.5em;
3. rem:根據html標簽的font-size計算。如:html{font-size:16px;}, .box{width:10rem;},其中.box的寬度為160px(10*16)。
html{font-size:16px;} .box{width:10rem;}
4. %:相對于父元素的百分比。如:width:50%;height:50%;,元素寬度和高度都是父元素的50%。
width:50%; height:50%;
總結:根據實際情況選擇合適的CSS長度單位來設置元素的尺寸大小。
上一篇css長一點的箭頭