CSS

CSS（Cascading Style Sheets，級聯樣式表）是一種用于描述文檔樣式（例如字體、顏色、布局等）的語言。

SVG

SVG（Scalable Vector Graphics，可縮放矢量圖形）是一種基于 XML 的矢量圖形格式。它可以在不失真的情況下無限縮放，是一種比傳統的柵格圖像更適合用于網頁設計的格式。

CSS 存儲 SVG

在 CSS 中，可以使用 背景圖像(property: background-image) 和內容(property: content) 來存儲 SVG。在這兩種方式中，使用背景圖像是最常用的方式。

/*使用背景圖像存儲 SVG*/
.banner {
background-image: url("banner.svg");
}

在使用背景圖像存儲 SVG 時，需要注意以下問題：

1. 使用 svg 文件時，需要注意文件的路徑。

2. 使用 svg 文件時，需要將文件名放在雙引號中。

3. 使用 svg 文件時，可以通過 background-repeat, background-position等屬性控制 SVG 的顯示方式。

/*使用內容存儲 SVG*/
.icon::before {
content: url("icon.svg");
}

使用內容存儲 SVG，是將 SVG 作為元素的 content 內容，在前面加上 url() 就可以了。使用內容存儲 SVG 時，需要注意以下問題：

1. 使用 svg 文件時，需要注意文件名和路徑。

2. 使用 SVG 作為 content 時，會影響瀏覽器的文本渲染機制。所以，需要在相關元素上添加 white-space: nowrap，防止文本的折行。

總結

CSS 存儲 SVG 的方式，可以實現多種方式的 SVG 資源的重用。選擇不同的方式存儲，需要考慮瀏覽器渲染的效率和 SVG 容器的大小等因素，才能達到錯誤的效果。