SVG graphics can be styled using CSS by either inline styling or external stylesheets. For inline styling, the style attribute is used within SVG tags to define properties like fill color and stroke width. Example: <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />.
For external stylesheets, you link a .css file to your HTML document and use selectors to target SVG elements. The syntax is similar to regular CSS but with SVG-specific properties. Example: circle {fill: red; stroke: black; stroke-width: 3;}.
CSS animations and transitions can also be applied to SVGs for dynamic effects. However, some properties such as gradient fills cannot be controlled via CSS and must be defined in the SVG markup itself.
