TVORBA WEBU
CSS - ZÁKLADY
CSS - Stylovanie
- CSS Styling pozadia
- CSS Styling text
- CSS Styling fonty
- CSS Styling odkazy
- CSS Styling zoznamy
- CSS Styling tabuľky
CSS - BOX MODEL
CSS - PRÍKLADY
Učebnica CSS Základy - Identifikátory a Triedy
CSS Basic - Id and Class
| « Predchádzajúca | Ďalšia kapitola » |
Id a trieda selektory
Okrem nastavenia štýlu pre element HTML, CSS umožňuje definovať svoje vlastné selectory názvom " id " a " class " .
Identifikátory - id
Môžete definovať aj štýly pre HTML elementy s id selektorom. id selektor je definovaný, ako #.
Štýly nižšie budú použité k prvku s id = "para1"
Príklad
Vyskúšajte si to » |
Nezadávajte pre id selektor názov s číslom! Nebude vám to fungovať v Mozille/Firefoxe.
Triedy
Selektor trieda sa používa na určenie štýl pre skupinu prvkov. Na rozdiel od id selektora je trieda selektor výber najčastejšie používaných prvkov.
To vám umožní nastaviť konkrétny štýl pre všetky elementy HTML s rovnakou triedou.
Selektor triedy používa HTML atribúty a je definovaný s "."
V nižšie uvedenom príklade, všetky HTML prvky s class = "centrum" budú zarovnané na stred.
Príklad
Vyskúšajte si to » |
Môžete tiež urči , že iba určité HTML prvky môžu byť ovplyvnené selektorom triedy.
V nižšie uvedenom príklade, všetky p prvky s class = "centrum" budú zarovnané na stred.
Príklad
Vyskúšajte si to » |
Nezačínajte názov triedy s číslom! Toto je podporované iba v prehliadači Internet Explorer.
| « Predchádzajúca | Ďalšia kapitola » |