Kaskadni slogovni listi (CSS) je jezik, ki se uporablja za oblikovanje spletnih strani, ki vsebujejo elemente HTML, ki določa, kako so elementi prikazani na spletnih straneh, vključno s postavitvijo, barvami, pisavami in drugimi lastnostmi elementov na spletni strani. CSS deluje tako, da cilja na elemente HTML in uporablja pravila sloga, da določi, kako naj bodo prikazani, vključno z lastnostmi, kot so barva, velikost, postavitev in položaj.
Obstajajo tri vrste CSS, ki so navedene spodaj:
Kazalo
Vgrajeni CSS:
Vgrajeni CSS je metoda uporabe sloga neposredno na posamezne elemente HTML z uporabo atributa style znotraj oznake HTML, kar omogoča specifično oblikovanje posameznih elementov v dokumentu HTML, pri čemer preglasi vse zunanje ali notranje sloge.
Primer vgrajenega CSS:
Ta primer prikazuje uporabo vgrajenega CSS s pomočjo dokumenta HTML.
html
> <>html>>> <>head>>> ><>title>>Inline CSStitle> head> |
>
>
Izhod:
Vgrajena razlaga primera CSS:
V zgornjem primeru sledimo tem korakom
- Tu uporabljamo Inline CSS neposredno za element odstavka.
- Spremeni barvo v zeleno, velikost pisave v 50 slikovnih pik, slog v poševno in poravnavo na sredino.
- Slog preglasi zunanji in notranji CSS.
Notranji ali vdelani CSS:
Notranji ali vdelani CSS je definiran znotraj elementa dokumenta HTML. Uporablja sloge za določene elemente HTML. Nabor pravil CSS mora biti znotraj datoteke HTML v razdelku glave, tj. CSS je vdelan v oznako znotraj razdelka glave datoteke HTML.
Primer notranjega ali vdelanega CSS:
Ta primer prikazuje uporabo notranjega CSS s pomočjo dokumenta HTML.
html
> <>html>>> <>head>>> ><>title>>Notranji CSStitle> |