If you're seeing this message, it means we're having trouble loading external resources on our website.

Ha webszűrőt használsz, győződj meg róla, hogy a *.kastatic.org és a *.kasandbox.org nincsenek blokkolva.

Fő tartalom
Pontos idő:0:00Teljes hossz:1:32

Videóátirat

Most már láttál egy csomó HTML szöveget, úgyhogy a kurzus további részében a CSS-ről lesz szó, és mindenféléről, amit a CSS-sel tudsz csinálni. Hogy lásd, milyen érdekes, meg szeretném mutatni a legjobb példákat arra, hogy mi mindent csinálhatsz. Ez az oldal a csszengarden.com. Utána majd nézd is meg. A CSS Zen Garden (Zen kert) egy egyszerű oldal, van rajta fejléc, háttér, szöveg, meg mindenféle ilyesmi. Ami viszont menő az oldalon, az az, hogy ez egy dizájn-galéria, ami azt jelenti, hogy a készítők teljesen ugyanazt a HTML-t használják, csak a CSS-t változtatják meg, hogy megmutassák hogy pusztán CSS-sel mennyi minden változást érhetsz el. Meg is mutatom. Itt van egy másik. Ne feledd, ez teljesen ugyanaz a HTML, mint amit az előző oldalon láttál, az egyetlen különbség a CSS. Ez megint egy másik. Itt nem csak a szín változott, hanem máshogy is van elrendezve az, ami az oldalon van. Na és ez teljesen másképp néz ki. Olyan, mintha egy városkép lenne ezzel a címmel ami itt lejön a készítők listájával itt. És még animáció is van rajta! És ez mind pusztán CSS! Lehet, hogy ezt a fajta CSS-t még nem ismered, de ha tovább tanulsz, akkor ezek mind karnyújtásnyira lesznek tőled. Ha elég munkát beleteszel, gyönyörű weboldalakat tudsz majd készíteni, amik pontosan úgy fognak kinézni, ahogy szeretnéd. Úgyhogy ne add fel!