Css - extrémne zrýchlika

Zhrnutie prednášky

Prednáška pokračuje v tvorbe webovej stránky a úvode do CSS, pričom sa zameriava na jednotky dĺžky a box model. Vysvetľuje relatívne jednotky (percentá z rodiča, viewport width) oproti pevným pixelom a v nástrojoch prehliadača ukazuje, ako sa skladá box z obsahu, paddingu, borderu a marginu. Na podnadpisoch demonštruje nastavovanie paddingu, borderu (štýl, farba, hrúbka, border-radius), marginu a max-width, pričom hodnoty sa zadávajú v poradí hore, vpravo, dole, vľavo. Horizontálne centrovanie sa dosahuje marginom „0 auto“. Napokon upravuje navigáciu: zoznam obmedzuje na maximálnu šírku, položky mení na inline alebo inline-block, odstraňuje podčiarknutie odkazov pomocou text-decoration a ladí veľkosť písma.

• - Percentá sa počítajú z rozmeru rodiča, pixely sú pevná hodnota a 100vw zodpovedá celej šírke viditeľnej oblasti.
• - Box model tvorí obsah, padding (vnútorný odstup), border (ohraničenie) a margin (vonkajší odstup); zobrazuje ho kontrola prvku v prehliadači.
• - Border sa nastavuje farbou, štýlom (solid, dashed) a hrúbkou, border-radius zaobľuje rohy.
• - Viachodnotový zápis paddingu a marginu ide v poradí hore, vpravo, dole, vľavo; dvojica hodnôt platí pre hore/dole a vpravo/vľavo.
• - Vlastnosť max-width obmedzuje šírku a margin „0 auto“ vycentruje blok horizontálne.
• - Položky navigácie sa zobrazujú vedľa seba cez display: inline alebo inline-block.
• - Podčiarknutie odkazov sa odstráni cez text-decoration: none; veľkosť písma sa mení cez font-size.

Zhrnutie pripravené s pomocou AI z prepisu videa.