CSS是網頁設計中非常重要的一部分，其中測量盒子大小是其基礎與核心，我們來一起學習一下如何測量盒子大小。 在CSS中，盒子是指HTML中的元素。其大小包括寬度(width)和高度(height)。盒子的大小可以通過CSS來控制。測量盒子大小可以使用如下單位： 1.像素(PX) 像素是指屏幕上的點，其大小固定，不會因縮放而改變。例如，設置盒子寬度為100像素，代碼如下：

p {
width: 100px;
}

2.百分比(%) 百分比是指相對于父元素的大小比例。例如，設置盒子寬度為父元素的60%，代碼如下：

p {
width: 60%;
}

3.EM EM是指相對于當前元素的字體大小來計算。例如，當前元素字體大小為16像素，設置盒子寬度為1.5EM，代碼如下：

p {
font-size: 16px;
width: 1.5em; /*寬度為1.5*16px=24px*/
}

4.REM REM是指相對于根元素(html)的字體大小來計算。例如，根元素字體大小為16像素，設置盒子寬度為1.5REM，代碼如下：

body {
font-size: 16px;
}
p {
width: 1.5rem; /*寬度為1.5*16px=24px*/
}

以上就是CSS測量盒子大小的方法，大家可以根據自己的實際需要選擇合適的方法。記住，測量盒子大小是CSS設計的基礎和核心。