Stili a cascata: file esterno, "class" e "style"

  <html>
    <head>
        <link rel="stylesheet" href="styles.css" />
    </head>
    <body>
        <svg class="stile-svg" style="fill: white;">
            ....
        </svg>
    </body>
</html>

  <link rel="stylesheet" href="styles.css" />

Include le regole CSS definite nel file “style.css” che può attribuirle anche automaticamente ad alcuni o tutti gli elementi.

  <svg class="stile-svg" style="fill: white;">

Assegna la regola “stile-svg” definita nel file “style.css” e imposta direttamente la proprietà “fill”.

Il termine “cascading” dell’acronimo CSS (Cascading Style Sheet) indica proprio la possibilità di specificare regole generali e specifiche (file esterno) che possono essere sovrascritte da una regola in particolare (class) e modificate ulteriormente nel tag (style).