Рет қаралды 31,360
Megtanuljuk hogyan adj egyedi megjelenést a weboldaladnak. Részletesen végigmegyünk a CSS legfontosabb funkcióin és egyszerű példákkal megnézzük hogyan működik valós helyzetben.
Live Server bővítmény: marketplace.visualstudio.com/...
CSS Selectors: www.w3schools.com/cssref/css_...
A végleges kód: github.com/zsoltech/TUT-Alap-CSS
00:00 | Intro
00:28 | Mi az a CSS?
01:16 | Mire lesz szükséged?
01:46 | Live Server bővítmény telepítése
03:45 | Inline, Internal, External CSS
06:27 | Stíluslapok szerkezete
07:00 | Színek, betűtípusok változtatása
12:13 | Saját betűtípus beállítása (CDN)
17:41 | Háttérkép beállítás
20:43 | CSS osztályok definiálása
23:25 | Középre igazítás
27:31 | Szegélyek (border)
29:44 | HTML doboz modell
30:00 | Margin, Padding
32:44 | CSS Selector
33:04 | Pszeudo osztályok (linkek)
36:27 | Osztályok elkülönítése
38:29 | Pszeudo osztályok részletesebben (listák)
45:24 | FORM mezők formázása
49:19 | Doboz rendezések (float)
53:02 | Pozícionálás (absolute)
56:09 | Pozícionálás (fixed)
59:59 | Outro