Vključitev slogovne predloge Slogovno predlogo lahko v spletni dokument vključimo na tri načine: kot zunanjo slogovno predlogo, kot notranjo slogovno predlogo, kot slog znotraj oznake oz. značke. Zunanja predloga Slogovno predlogo povežemo z HTML-dokumentom tako, da v glavi () HTMLdokumenta uporabimo element link. Uporabimo lastnosti: rel="stylesheet" (določa odvisnost na slogovno predlogo), type="text/css" (vrsta dokumenta je besedilna datoteka, ki vsebuje CSS-pravila), href="MojSlog.css" (referenca na dokument, ki vsebuje slogovno predlogo). Če je potrebno spremeniti obliko, potem spremenimo le vsebino slogovne datoteke (v zgornjem primeru MojSlog.css). Tako enostavno dobimo nov izgled vseh dokumentov, ki so povezani na to datoteko (npr. v podjetjih, ki zahtevajo enoten izgled spletnih strani v svojih enotah). V tem primeru se lahko iz dokumenta HTML sklicujemo na dokument CSS. Brskalnik dobi lastnosti iz datoteke s slogom in jih priredi pripadajočim oznakam oz. značkam v dokumentu. Zunanjo slogovno predlogo lahko napišemo v kateremkoli urejevalniku besedil, obstajajo pa tudi programi za pisanje in preverjanje slogovnih predlog (tekstovni in grafični), ki nam le-te pomagajo napisati v krajšem času. Slogovna predloga naj ne vsebuje ukazov HTML, saj lahko pride do napak. Slogovno datoteko shranimo v datoteko s končnico "*.css". Notranja slogovna predloga Notranja slogovna predloga pripada le tistemu dokumentu, v katerem je zapisana. Določimo jo v glavi dokumenta z uporabo elementa style. Primer: ... ...