CSS 獲取所有元素的方法有很多，其中一種常用的方法是使用 `document.getElementsByTagName()` 方法。該方法返回一個 DOM 元素列表，每個元素都是一個 `<div>` 或 `<p>` 元素，列表中的元素是文檔對象模型(DOM)中所有包含標簽(包含子標簽)的元素。

下面是一個使用 `document.getElementsByTagName()` 方法獲取所有元素的示例代碼：

```javascript

// 假設當前文檔中只包含一個標簽

const element = document.getElementsByTagName('div')[0];

// 獲取所有包含該標簽的元素

const allDivs = document.getElementsByTagName('div');

// 輸出所有元素

console.log(allDivs);

在這個示例中，`getElementsByTagName()` 方法返回一個包含所有 `<div>` 元素的列表。我們可以使用 `Array.map()` 方法對列表中的元素進行處理，以獲取所需的信息。

下面是一個使用 `document.getElementsByTagName()` 獲取所有元素的示例代碼，該代碼將輸出列表中的所有元素，并將它們轉換為 JSON 對象：

```javascript

// 假設當前文檔中只包含一個標簽

const element = document.getElementsByTagName('div')[0];

// 獲取所有包含該標簽的元素

const allDivs = document.getElementsByTagName('div');

// 輸出所有元素

const json = allDivs.map(element => element.innerHTML);

console.log(json);

在這個示例中，`getElementsByTagName()` 方法返回一個包含所有 `<div>` 元素的列表，然后使用 `map()` 方法將列表中的元素轉換為 JSON 對象。我們可以使用 JSON 對象來處理所需的信息，例如打印每個元素的文本內容。

總之，使用 `document.getElementsByTagName()` 方法可以獲取文檔中所有包含特定標簽的元素，從而為 CSS 樣式設計提供所需的信息。