HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
menü MENÜ    

CSS3 stíluslapok készítése


CSS3 logó     A stíluslapok készítése az alapoktól a CSS3 speciális lehetőségeinek használatáig. A honlapkészítés első állomásán, a HTML nyelv megismerésén már túljutottunk. A tartalom után jöhet a forma, honlapunk csinosítása.                        

FIZETETT HÍRDETÉSEK:



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 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.


Alapoktól a CSS3 animációkig




Források, ajánlott oldalak:

 -  www.w3schools.com  -  Google Web Fonts
CSS3