logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.

CSS3 stíluslapok készítése

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.

Alapoktól a CSS3 animációkig


Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.