CSS是網頁設計中不可或缺的一部分，它可以定義網頁的樣式、布局和顏色等屬性。在使用CSS的過程中，我們經常需要獲取其中的樣式以便在JavaScript中進行操作。

在JavaScript中，我們可以通過兩種方式來讀取CSS樣式，分別是getElementById()和getElementsByClassName()方法。這兩種方法均可以獲得元素的屬性，其中getElementById()可以獲取指定ID的元素，而getElementsByClassName()可以獲取指定類名的元素。

// 通過getElementById()獲取樣式
var element = document.getElementById("test");
var style = window.getComputedStyle(element);
var color = style.getPropertyValue("color");
console.log(color);
// 通過getElementsByClassName()獲取樣式
var elements = document.getElementsByClassName("test");
for (var i = 0; i< elements.length; i++) {
var style = window.getComputedStyle(elements[i]);
var color = style.getPropertyValue("color");
console.log(color);
}

上述代碼中，我們使用了window.getComputedStyle()方法來獲取元素的CSS樣式。這個方法返回一個CSSStyleDeclaration對象，我們可以通過它的getPropertyValue()方法來獲取元素的樣式值。

在使用上述方法時，需要注意瀏覽器的兼容性問題。早期版本的Internet Explorer可能不支持這些方法，因此我們需要在代碼中進行額外的檢查和適配。

綜上所述，讀取CSS中的樣式是一項非常重要的任務。在實際的網頁設計和開發過程中，經常需要使用JavaScript來操作和修改CSS樣式，因此了解這些基本操作非常有必要。