矢量圖(Scalable Vector Graphics,SVG)是一種用電子媒介(如電腦屏幕、投影儀等)顯示的圖形格式，具有高度的靈活性和可擴展性，適用于各種應用場景。在SVG中，圖形是由一系列節點組成的，這些節點可以通過CSS樣式進行設計和布局。

CSS樣式可以通過屬性值對來控制SVG圖形的外觀和行為。以下是一些常用的CSS屬性和它們的用法：

1. `width`和`height`屬性

`width`和`height`屬性用于設置SVG元素的寬度和高度，可以用于控制圖形的大小和縮放。例如：

<svg width="100%" height="100%">

</svg>

2. `style`屬性

`style`屬性用于設置SVG元素的樣式，可以通過CSS樣式表來定義圖形的顏色、字體、大小等。例如：

<svg style="font-size: 20px;">

</svg>

3. `濾鏡`屬性

`濾鏡`屬性用于設置SVG元素的濾鏡效果，可以用于調整顏色、紋理等。例如：

<svg濾鏡="url(#filter-myfilter)" ...>

</svg>

4. `transform`屬性

`transform`屬性用于設置SVG元素的旋轉、平移、縮放等變換效果。例如：

<svg transform="translate(500, 500)">

</svg>

以上是一些常用的CSS屬性和它們的用法，通過合理地使用這些屬性，我們可以輕松地控制SVG圖形的外觀和行為。同時，也可以使用SVG中的各種事件和交互效果，來實現更加靈活的圖形交互效果。