Existují celkem 3 možnosti, jak použít kaskádové styly na webovou stránku jazyka HTML. První možnost, kterou byste již měli umět z předchozího tématu, je mít kaskádové styly v externím souboru jazyka CSS a přes hlavičku je následně propojit do kódu jazyka HTML. Tato možnost je také nejlepší a nejjednodušší, protože můžete mít více souborů s kaskádovými styly a každý z těch souborů můžete propojovat jen se souborem jazyka HTML, v němž určité kaskádové styly potřebujete. Existují ale ještě další dvě možnosti. Můžete psát kaskádové styly přímo do hlavičky souboru jazyka HTML, nebo můžete psát kaskádové styly přímo k určitému tagu. V následujících článcích se o těchto dvou možnostech dozvíte více.
Psát kaskádové styly do hlavičky souboru jazyka HTML není nic složitého. Vše se bude odehrávat mezi tagy <head> </head>. Nejdříve začneme tagem <style>. Tento tag je párový, proto bude mít i ukončení, tedy tag </style>. Tag <style> má jeden povinný parametr, kterým je type. V uvozovkách za rovná se parametru type musí být napsáno text/css. Tím dáváme najevo, že se mezi <style> </style> budou nacházet kaskádové styly. Mezi tyto dva tagy píšeme pak kaskádové styly stejně tak, jako do externího souboru. Na začátku řádku tedy vždy bude to, čemu chceme přiřadit kaskádové styly, poté začátek složené závorky, za kterým bude kaskádový styl, po němž bude následovat dvojtečka a mezera, za kterou bude hodnota kaskádového stylu, jež bude ukončena středníkem. Po středníku za hodnotou kaskádového stylu bude mezera, za kterou bude následovat další kaskádový styl. Po všech kaskádových stylech se ukončí složená závorka a zalomí se řádek. Důležité ale je nezapomenout na to, že kaskádové styly, které napíšete do hlavičky, budou platit jen v souboru, jenž je bude mít v hlavičce, ostatní soubory o nich nebudou vědět.
Poslední možností použití kaskádových stylů na webovou stránku je psát kaskádové styly přímo k určitému tagu. Jako může mít téměř každý tag parametr class, tak může mít i parametr style. Parametr class má v uvozovkách třídu, která má nastavené kaskádové styly někde jinde (v hlavičce nebo externím souboru), ale parametr style má v uvozovkách za rovná se rovnou kaskádové styly. Do uvozovek samozřejmě nepíšeme, čemu chceme přiřadit kaskádové styly, protože to je dáno tím, u jakého tagu se parametr nachází, pro něj budou kaskádové styly v uvozovkách parametru style platit. Do uvozovek ale také nepíšeme žádnou složenou závorku, napíšeme tam pouze kaskádové styly. Tedy hned po začátku uvozovek bude začínat první kaskádový styl, za kterým bude dvojtečka, za níž bude mezera a poté hodnota kaskádového stylu, po které bude následovat středník, za nímž bude mezera. Po ní bude následovat další kaskádový styl a po všech kaskádových stylech se jen ukončí uvozovky parametru style. Všechny tři způsoby můžeme kombinovat, některé kaskádové styly můžeme mít v externím souboru jazyka CSS, jiné v hlavičce souboru jazyka HTML a pár jich ještě můžeme mít u nějakých tagů v uvozovkách parametru style, ale nejlepší způsob je mít kaskádové styly pouze v externím souboru jazyka CSS.