Lecții gratuite despre CSS pentru începători, nivel mediu, avansați. Sa învățam despre CSS in relație cu HTML. Formatarea tagurilor / elementelor HTML folosind CSS.
Cum sa creezi Siteuri / pagini web cu CSS?
Introducere în Stilizarea cu CSS
Partea 1: Fundamentele CSS
Introducere în CSS
Selectori și Proprietăți CSS
Partea 2: Stilizare de Bază
Proprietăți de Text și Fonturi
- Schimbarea culorii textului și a fundalului.
- Setarea fonturilor și dimensiunilor de text.
- Adăugarea de decorări, cum ar fi sublinierea sau boldul.
Margini, Padding și Border
- Cum ajustăm spațiul în jurul elementelor?
- Definirea marginilor și a padding-ului pentru distanțe.
- Adăugarea chenarelor cu proprietatea border.
Partea 3: Layout și Poziționare
Modelul de Cutie (Box Model)
- Înțelegerea conceptului de box model.
- Cum afectează marginile, padding-ul și dimensiunile elementelor.
- Utilizarea
box-sizingpentru gestionarea box modelului.
Flexbox și Grid
- Introducere în Flexbox și modul în care simplifică poziționarea elementelor.
- Stilizarea unui layout cu Grid, care oferă mai mult control în aranjarea elementelor.
Partea 4: Avansat și Tehnici Adiționale
Pseudo-clase și Pseudo-elemente
- Utilizarea pseudo-claselor pentru a stiliza stările specifice ale elementelor (hover, focus etc.).
- Adăugarea de stiluri specifice pentru anumite părți ale unui element folosind pseudo-elemente.
Media Queries și Design Responsive
- Cum să creăm stiluri diferite pentru diferite dimensiuni de ecran.
- Tehnici pentru a face design-ul site-ului tău să fie prietenos cu dispozitivele mobile.
Partea 5: Exerciții și Aplicații Practice
Proiect de Stilizare a unei Pagini Web Simple
- Aplicarea cunoștințelor acumulate pentru a stiliza o pagină web simplă.
- Încurajarea creativității în design.
Sfaturi și Resurse pentru Stilizare Avansată
- Explorarea unor tehnici mai avansate de design, cum ar fi animațiile CSS.
- Sfaturi pentru a menține un cod CSS curat și eficient.