在web開發過程中，我們通常需要獲取頁面元素的樣式，比如獲取某個元素的背景色、大小等，用來進行一些操作或者修改。那么，如何使用CSS來獲取頁面樣式呢？下面我們就一起來看看吧！

// 通過API獲取元素的背景色
let bgColor = window.getComputedStyle(document.getElementById('element-id')).backgroundColor;
console.log(bgColor);
// 獲取元素寬度
let width = window.getComputedStyle(document.getElementById('element-id')).width;
console.log(width);

CSS提供了一個window.getComputedStyle()方法，可以獲取到指定元素的所有樣式屬性。該方法返回的是一個CSSStyleDeclaration對象，包含了當前元素的所有計算樣式。

在上面的代碼中，我們首先使用document.getElementById()方法獲取到了指定元素的id，然后使用window.getComputedStyle()來獲取指定元素的樣式屬性。例如，可以獲取元素的背景色等樣式，也可以獲取元素的大小等外觀屬性。最后，我們可以使用console.log()方法將得到的結果輸出到控制臺。

總之，CSS提供了一些實用方法來獲取頁面元素的樣式，我們可以借助這些API來對頁面元素進行一些操作，實現更多的功能！