Fő tartalom
Programozás
Tantárgy/kurzus: Programozás > 2. témakör
4. lecke: CSS szövegtulajdonságok- CSS Zen kert
- CSS betűcsalád (font-family) tulajdonság
- Feladat: Menő betűcsaládok
- CSS betűméret (font-size) tulajdonság
- Feladat: Óriási betűméretek
- CSS betűstílus és rövidítés
- Feladat: Híres betűformátumok
- Még több CSS szövegtulajdonság
- CSS szövegtulajdonságok használata
- CSS öröklődés
- Projekt: Blog
© 2023 Khan AcademyFelhasználási feltételekAdatkezelési tájékoztatóSüti figyelmeztetés
CSS Zen kert
Szeretnél részt venni a beszélgetésben?
Még nincs hozzászólás.
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!