CSS中的size單位是指用來表達各種CSS屬性中尺寸大小的單位,這些屬性包括font-size、width、height、border-width、padding等等。在CSS中,有很多種size單位可供選擇,比如px、em、rem、pt、%等等。
//使用px作為size單位 p { font-size: 16px; width: 300px; height: 100px; border: 2px solid black; padding: 10px; } //使用em作為size單位 p { font-size: 1em; //1em等于父元素的font-size大小 width: 20em; height: 10em; border: 0.5em solid black; padding: 2em; } //使用rem作為size單位 body { font-size: 16px; } p { font-size: 1.5rem; //1.5rem等于根元素(html)的font-size大小 width: 20rem; height: 10rem; border: 0.5rem solid black; padding: 2rem; } //使用%作為size單位 p { font-size: 150%; width: 50%; height: 50%; border: 1px solid black; padding: 5%; }
在選擇size單位時,可以根據實際需求來選擇合適的單位。px單位可以精準控制尺寸大小,適合用于具體的布局和設計。em和rem單位相對靈活,可以根據父元素和根元素的font-size動態計算出尺寸大小,適合用于響應式設計和字體等文本相關的屬性。%單位可以根據父元素的尺寸計算出尺寸大小,適合用于響應式布局以及百分比寬高等屬性。