CSS so kaskadne slogovne predloge. Kratica CSS pomeni Cascading Style Sheets. Gre za slogovni jezik, s katerim določamo predstavitev spletnih dokumentov, torej njihov videz in postavitev.
CSS uporabljamo zato, ker HTML sam po sebi ni namenjen natančnemu oblikovanju videza spletne strani. HTML predvsem določa strukturo in pomen vsebine, CSS pa določa, kako naj se ta vsebina prikaže v brskalniku.
Pomni: HTML skrbi za strukturo in pomen vsebine, CSS pa za videz in razporeditev elementov. Tako ločimo vsebino od predstavitve.
Osnovna pravila
- CSS omogoča določanje videza in postavitve elementov v dokumentu HTML.
- Slogi so običajno shranjeni v zunanji slogovni predlogi, to je v datoteki s končnico
.css. - Z isto zunanjo slogovno datoteko lahko oblikujemo več spletnih strani hkrati.
- CSS omogoča določanje številnih oblikovnih lastnosti, na primer barve, pisave, razmikov, odmikov, robov, ozadij in poravnave.
Zunanja slogovna predloga je najpogostejši in zelo uporaben način vključevanja CSS, ker lahko z eno datoteko nadzorujemo videz več spletnih strani hkrati.
Primerjava
Pri izdelavi spletne strani imata HTML in CSS različni nalogi.
| HTML | CSS |
|---|---|
|
|
Zakaj je zunanja slogovna datoteka pomembna
Če z več stranmi povežemo isto zunanjo slogovno datoteko, lahko preprosto nadzorujemo videz celotnega spletišča. Ko spremenimo slogovno datoteko, se spremembe pokažejo na vseh straneh, ki jo uporabljajo. To prihrani veliko dela in omogoča lažje vzdrževanje.
<link rel="stylesheet" href="slog.css">Tak način dela je preglednejši od zapisovanja slogov na vsaki strani posebej.
Pozor: Če oblikovanje ni ločeno od vsebine, postane koda manj pregledna, spremembe pa težje. Zato je pri več straneh priporočljiva uporaba zunanje slogovne datoteke.
Priporočila
- Za strukturo uporabljaj HTML, za videz pa CSS.
- Pri večstranskem spletišču uporabljaj zunanjo slogovno datoteko.
- Sloge piši pregledno in jih ne ponavljaj po nepotrebnem na več straneh.
- Oblikovne lastnosti določi na enem mestu, kadar želiš doseči enoten videz spletišča.
Pogoste napake
- Mešanje vsebine in oblikovanja v isti kodi.
- Ponavljanje enakih slogov na več straneh namesto uporabe skupne datoteke
.css. - Napačna predstava, da je HTML namenjen natančnemu oblikovanju videza strani.
- Neupoštevanje dejstva, da enotna slogovna datoteka olajša vzdrževanje spletišča.
CSS je posebej uporaben zato, ker omogoča enoten videz več strani. Če to prednost zanemarimo in sloge zapisujemo nepregledno ali na več mestih, postane vzdrževanje spletišča bistveno zahtevnejše.