Hivatalos Kódvéna-képzésKezdő
CSS és reszponzív webdesign
A fodrászat nyitóoldalát külső CSS-sel rendezed telefonra és laptopra: szelektor, doboz, flex, rács és mobile-first töréspont.
A Hajnal Fodrászat nyitóoldalának a HTML-váza kész. Ezen a képzésen külső stíluslappal teszed olvashatóvá telefonon és laptopon: szelektor, kaszkád, dobozmodell, flexbox, CSS Grid és egy mobile-first media query. A végén ugyanaz a dokumentum két elrendezést kap. A HTML-t nem írod újra a második nézethez.
Mit tanulsz meg?
- Külső stíluslapot kötsz a dokumentumhoz, és elmagyarázod a kaszkád és a specifikusság sorrendjét.
- Dobozmodellen méretezel: tartalom, padding, border, margin és box-sizing.
- Flexboxszal sorba rendezel egy fejlécet és egy kártyasort.
- CSS Griddel kéthasábos oldalt építesz, ami keskeny képernyőn eggyé omlik.
- Mobile-first media query-t írsz, és nem pixelekben gondolkodsz mindenhol.
- Egy fodrászat oldalát telefonra és asztali gépre is elrendezed.
Tanmenet
4 modul · 12 lecke · minden modul végén zárókvíz
Kinek szól?
- Kezdő webfejlesztőknek, akik a HTML-vázat már megírják, és juniorknak az első önálló felület előtt, ha telefonon és laptopon is olvasható oldalt szeretnének.
Előfeltételek
- HTML-alapok: szemantikus weboldalak
Források
Utoljára ellenőrizve: 2026. 11. 12.