Príspevky so značkami ‘CSS ’

Mar31

Každý html kód vieme rozčleniť z hľadiska rodičov a potomkov, majme jednoduchý html kód napr.:

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

Z tohto jednoduchého kódu vidíme, že head a body sú potomkami rodiča html, ďalej title je potomok rodiča head.

Pri programovaní html stránok sa už len tieto vzťahy

Mar30

V prípade, že potrebujete, alebo skôr chcete aplikovať rovnaké CSS pre viaceré html elementy na stránke je veľmi neefektívne používať  kopírovanie tých istých CSS príkazov pre tieto elementy. Kopírovanie CSS zbytočne zvyšuje veľkosť CSS súboru a následne robí kód horšie modifikovateľným v budúcnosti.

Mar29

Pre rozšírenie polohovania elementov nie len do smerov osi X a Y slúži príkaz z-index, ktorý umožňuje nastaviť polohu elementu v smere osi Z. Os Z si môžeme predstaviť jednoducho, ako os ktorá pretína náš monitor v smere od našich očí. Čiže elementy sú akože bližšie k nám (pred monitorom) a ďalej od nás (za monitorom). Keď si povieme že obrazovka nášho monitora bude mať

Mar27

Použitím CSS príkazu:

position: fixed;

dosiahneme na stránke úplné ukotvenie elementu na danej pozícii. Pozícia je fixne spätá s veľkosťou okna prehliadača. Pomocou CSS polohovacích príkazov top, right, bottom, left upravujeme polohu elementu v okne prehliadača. Veľkou výhodou