e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

KASKADE

Uporabimo lahko več slogov

Posredovanje informacij o slogu brskalniku je možno na več načinov. Stil elementa je lahko vsebovan neposredno v elementu HTML, lahko ga uporabimo v glavi <head> HTML dokumenta ali pa v zunanji datoteki. Seveda lahko te tri možnosti opisov slogov tudi kombiniramo. Nekaj jih opišemo v zunanjih datotekami, nekaj opisov vključimo kar v glavo dokumenta, preostanek pa definiramo sproti. Glavni namen slogov je ločiti oblikovanje od vsebine, zato naj se najbolj uporabljajo zunanje datoteke.

Kateri slog ima prednost

Kateri slog bo uporabljen, če je v dokumentu HTML le-teh več? W3C določa kar komplesen način za določanje prioritete. Poenostavljeno in za večino uporabnikov popolnoma ustrezno lahko rečemo, da brskalnik uporabi neki slog po takem vrstnem redu:

  1. slogznotraj elementa
  2. slogovna predloga v glavi <head> dokumenta HTML
  3. zunanja slogovna predloga
  4. privzeta vrednost v brskalniku

Slog znotraj elementa največjo prioriteto, sledi mu slogovna predloga v glavi dokumenta na koncu, če ni nikjer določen slog tega elementa, vzame privzeto vrednost, ki jo ima brskalnik.

V primeru, da je neko pravilo napisano dvakrat z isto prioriteto, velja, da prevlada zadnje zapisano.

Pravilo !important

Pravilo !important uporabimo, kadar želimo, da neka deklaracija velja vedno. Če npr. v zunanji slogovni predlogi ob deklaraciji uporabimo pravilo !important, potem ta deklaracija velja vedno, tudi če jo v kakšni drugi slogovni predlogi spremenimo. Če uporabimo več pravil !important so si vsa pravila enakovredna.

Primer

p
{
font-size: 12pt !important
}

gor Gor     e-gradiva     CSS     primeri     nazaj Sintaksa CSS   Združevanje slogov naprej

SERŠ Maribor : Strokovna gimnazija : 2002 :  Niko Fajfar