Programozott tananyag:
CSS3 színek
Elsőként a színek megadásának formáival ismerkedünk meg.
CSS3 alapok
Megismerjük a stílusdeklarációk megadásának a helyét és módját (szintaktikáját).
CSS3 kijelölők
A CSS kijelölők (Selectors) segítségével adhatjuk meg, hogy egy-egy stílusdeklaráció a weboldal mely HTML elemeire vonatkozzon.
CSS3 fontok
Megismerjük a weboldalon betűk, számok, írásjelek és egyéb karakterek összefoglaló néven fontok jellemzői megadásának módjait.
CSS3 szövegformázás
Megismerjük stíluslapok szövegek formázására használható jellemzőit.
CSS3 doboz modell
A kijelölők határozzák meg, hogy egy-egy stílusdeklaráció a HTML dokumentumfa mely elemeire vonatkozik.
CSS3 hátér
A háttérszínek beállításával és háttérképek használatával esztétikussá tehetjük HTML oldalainkat.
CSS3 szegélyek
A szegélyek segítségével kiemelhetők a weboldal fontosabb részletei, ami révén áttekinthetővé, könnyen olvashatóvá válik a tartalmuk.
CSS3 margók
A külső margók segítségével a HTML elemek közötti, a belső margó felhasználásával az elem és tartalma között távolságot adhatjuk meg.
CSS3 körvonal
A körvonalakat a szegélyeknél megtanult módon használhatjuk kiemelés és dekoráció céljára, ugyanakkor a körvonalak nem növelik a HTML elemek kiterjedését. A két dekorációs elem kombinálható.
CSS3 pozicionálás
Stíluslapok segítségével könnyen és rugalmasan adhatjuk meg a HTML elemek egymáshoz viszonyított helyzetét.
CSS3 úsztatás
A float tulajdonság felhasználásával a HTML oldalon elhelyezett képeke körbe futtathatjuk szöveggel. Segítségével lehetőségünk nyílik arra is, hogy az egyébkén külön sorba megjelenő elemeket egy sorban jelenítsük meg.
CSS3 FlexBox elrendezés
Flexbox-os elrendezések segítségével gyorsan és egyszerűen készíthetünk responsive weboldalakat.
CSS3 Grid modell
A CSS Grid modell segítségével összetett responsive oldalszerkezet alakítható ki egyszerű és áttekinthető HTML és CSS kód írásával
CSS3 táblázatok
CSS segítségével dekoratív és áttekinthető táblázatokat készíthetünk.
CSS3 linkek
A linkek segítségével navigálunk weboldalaink között, és elérhetővé teszünk külső oldalakat. Stíluslapok felhasználásából egy egyszerű kék szöveg helyett dekoratív nyomógombként jeleníthetjük meg őket.
CSS3 listák
A listák fontos szerepet töltenek meg a tartalom strukturált megjelenítésében, a menük készítésben.
CSS3 transzformációk
A CSS3 lehetőséget biztosít síkbeli és térbeli transzformációkra, forgatást, döntést, átméterezés...
CSS3 animáció
Az animációk készítése a CSS3 izgalmas új lehetősége. Segítségükkel szkriptek felhasználása nélkül is mozgalmassá tehetjük weboldalainkat.
CSS3 oktatóvideók
YouTube oktató videó gyűjtemény a CSS3 stíluslapok készítésének megismeréséhez és ismétléshez.