Kaskádové styly (v anglickém originále Cascading Style Sheets se zkratkou CSS) je jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML.

Zápis je možný třemi zpusoby :

Přímý zápis:

Do zdroje se napíše tato deklarace odstavce:

 <p style="color: red">Tento odstavec bude červený.</p>

 <div style="margin-top:20px ;margin-left:100px">Zápis dvou stylů.</div>

Stylopisem :

Do hlavičky dokumentu se napíše stylopis uzavřený mezi tagy <style></style>:

 <style>
 p    {color: red}
 </style>

a do těla stránky se mohou psát odstavce:

<p>Tento odstavec bude červený. </p>
<p>Tento mimochodem také, protože červené budou všechny.</p>

Externím CSS souborem :

Vytvoří se soubor, který se pojmenuje třeba styly.css.
V něm bude pouze tento text:

 p    {color: red}

Do hlavičky html dokumentu, který chci stylem ovlivnit, musím napsat odkaz na tento soubor:

 <link rel="stylesheet" type="text/css" href="styly.css">

a opět se do těla stránky se mohou psát odstavce:

<p>Tento odstavec bude červený. </p>
<p>Tento mimochodem také, protože červené budou všechny.</p>

nebo pomocí atributu class do styly.css

    .yellow   {color: yellow;}
    .vlevo {float:left;}

a do kódu

  <p class="yellow vlevo">  Tento odstavec bude žlutýa umístěn vlevo.  </p>

Tento odstavec bude žlutý a umístěn vlevo.