CSS是一種用于定義網頁樣式的語言，它給予我們許多強大的工具去掌控一個網頁元素的外觀和位置，但是很多時候我們需要在CSS中獲取元素的數值，比如元素的寬高、字體大小等。

獲取CSS中數值的方法有很多，常用的有兩個：使用JavaScript DOM方法，或者使用CSS變量。

// 使用JavaScript DOM方法獲取元素寬度
let elem = document.querySelector('#box')
let width = elem.offsetWidth
// 使用CSS變量獲取元素寬度
#box {
--width: 300px;
}
width: var(--width);

以上兩種方法都能獲取元素的數值，并提供給我們進一步的操作。

在CSS變量中，我們可以使用數學運算符和函數來進一步處理數值，比如：

#box {
--count: 5;
--width: calc(100% / var(--count));
width: var(--width);
}

上面的例子中，我們使用了CSS中的calc函數來計算每一個元素的寬度，將100%除以元素數量得到了每個元素的平均寬度。

在使用CSS中的數值時，我們需要注意單位的問題，如果沒有指定單位，瀏覽器可能會自動使用默認單位，比如px或者em。這時候就需要我們使用單位轉換函數來確保我們需要的單位。

// 將像素轉換為百分比
#box {
--width: 300px;
width: calc(var(--width) / 100%);
}

在CSS中獲取數值可能有些麻煩，但是通過靈活運用CSS變量和JavaScript DOM方法，我們可以輕松獲取元素數字并且繼續對它進行運算處理，提高代碼的可讀性和可維護性。