在前端開發中，我們常常需要用到頁面某些元素的數值，比如元素的寬度、高度、邊距等等。而 CSS 提供了一些便捷的方法來獲取這些數值。

首先，我們可以使用getComputedStyle()方法來獲取元素的樣式對象，然后通過屬性名來獲取數值：

const elem = document.getElementById('myElement');
const styles = window.getComputedStyle(elem);
const width = parseFloat(styles.width);
const height = parseFloat(styles.height);

以上代碼中，我們先通過getElementById()方法獲取到 id 為myElement的元素，然后使用getComputedStyle()方法獲取元素的樣式對象，并保存在styles變量中。接著，通過parseFloat()方法獲取寬度和高度。

另外，我們也可以使用element.getBoundingClientRect()方法獲取元素的位置和大小信息：

const elem = document.getElementById('myElement');
const rect = elem.getBoundingClientRect();
const width = rect.width;
const height = rect.height;

以上代碼中，我們同樣通過getElementById()方法獲取 id 為myElement的元素，然后使用getBoundingClientRect()方法獲取元素的位置和大小信息，并保存在rect變量中。接著，直接獲取寬度和高度。

除了以上兩種方法，我們也可以使用其他的 CSS 屬性來獲取元素的數值，比如：

• offsetWidth和offsetHeight：元素自身的寬度和高度，包括邊框和滾動條。
• clientWidth和clientHeight：元素的內容區域寬度和高度，不包括邊框和滾動條。
• scrollWidth和scrollHeight：元素的滾動區域寬度和高度，如果元素沒有滾動條，則和內容區域相同。

綜上，CSS 提供了多種方式來獲取元素的數值，我們可以根據具體的場景選擇適合的方法。