Ce veți învăța
- Introducere în CSS - fundamente și sintaxă
- Selectori CSS - de la simpli la complecși
- Box Model - temelia layout-ului
- Culori, fundaluri și gradienți
- Tipografie și text styling
- Display, poziționare și float
- Flexbox - layout flexibil
- CSS Grid - layout bidimensional
Despre curs
Curs CSS complet: de la fundamente la tehnici avansate este ghidul definitiv pentru stăpânirea CSS-ului modern. Cursul acoperă tot ce trebuie să știți, de la sintaxa de bază și selectori până la Flexbox, Grid, animații și cele mai recente funcționalități CSS.
Indiferent dacă sunteți la primul contact cu CSS sau doriți să vă aprofundați cunoștințele, acest curs vă oferă o înțelegere solidă și practică a modului în care funcționează stilizarea web.
Curs CSS complet: de la fundamente la tehnici avansate
CSS (Cascading Style Sheets) este limbajul care dă viață paginilor web: controlează culorile, fonturile, layout-ul și animațiile. Un CSS bine scris face diferența dintre un website care arată profesionist și unul care respinge vizitatorii.
Cursul este structurat progresiv, fiecare capitol construind pe cunoștințele anterioare, cu exemple practice și exerciții pentru consolidarea conceptelor.
Ce veți învăța
- Sintaxa CSS, cascada și specificitatea: cum decide browserul ce stil să aplice
- Toți selectorii CSS: de bază, combinatori, pseudo-clase și pseudo-elemente
- Box Model: margin, padding, border și cum controlați spațierea
- Culori, fundaluri și gradienți: toate formatele și tehnicile moderne
- Tipografie web: fonturi, dimensiuni, spațiere și accesibilitate
- Flexbox: layout unidimensional pentru alinierea elementelor
- CSS Grid: layout bidimensional pentru structuri complexe de pagini
- Animații, tranziții, variabile CSS și design responsiv
Structura cursului
Fundamente și sintaxă
Veți înțelege cum funcționează cascada, specificitatea și moștenirea: cele trei mecanisme fundamentale ale CSS. Veți stăpâni toate unitățile de măsură (px, em, rem, vw, vh, %) și veți ști când să le folosiți.
Selectori și Box Model
Selectorii CSS vă permit să țintați exact elementele pe care doriți să le stilizați. Veți învăța toți selectorii, de la simpli la complecși, inclusiv noutățile moderne precum :has() și CSS nesting nativ.
Layout cu Flexbox și Grid
Flexbox rezolvă alinierea elementelor pe o singură axă, iar Grid gestionează layout-uri bidimensionale complexe. Veți ști când să folosiți fiecare și cum să le combinați pentru rezultate optime.
Tehnici avansate
Cursul acoperă CSS Custom Properties (variabile), animații și tranziții, design responsiv cu media queries, funcții CSS moderne (clamp(), min(), max()) și tehnicile de optimizare a performanței.
Cui se adresează acest curs
- Începători care doresc să învețe CSS de la zero
- Dezvoltatori web care vor să-și aprofundeze cunoștințele CSS
- Designeri care doresc să implementeze singuri design-urile
- Oricine lucrează cu HTML și dorește pagini mai bine stilizate
De ce să alegeți acest curs
Cursul conține sute de exemple de cod, explicații vizuale ale conceptelor abstracte și exerciții practice pentru fiecare capitol. Toate exemplele sunt testate în browserele moderne.
La finalul cursului, veți crea layout-uri complexe cu Flexbox și Grid, veți scrie CSS eficient și mentenabil și veți putea implementa orice design cu încredere.
Pentru cine este cursul
Cursul este pentru dezvoltatori la început de drum și pentru cei care știu deja HTML și vor să stăpânească stilizarea paginilor web. Se potrivește și celor care lucrează în WordPress sau alte platforme și vor să înțeleagă codul CSS din temele folosite.
Pentru cine nu este
Cursul nu este pentru cei care vor doar structura unei pagini, fără stilizare, subiect tratat pe platformă în Curs HTML. Nu este potrivit nici pentru cei care caută logică de programare și interactivitate, temă din Curs JavaScript.
Ce trebuie să știți înainte
Aveți nevoie de cunoștințe minime de HTML, suficiente pentru a recunoaște o etichetă și un atribut. Un editor de cod, precum Visual Studio Code, gratuit, este singura unealtă necesară.
Ce veți putea face după curs
- Construiți layout-uri cu Flexbox și CSS Grid.
- Stilizați text, culori și fundaluri conform unui design.
- Adăugați tranziții și animații fără JavaScript.
- Faceți o pagină responsivă cu media queries.
- Organizați CSS după o arhitectură precum BEM.
- Folosiți un preprocesor precum Sass sau Tailwind.
Cuprins
1. Introducere în CSS - fundamente și sintaxă
- Introducere gratuit
- Cele trei metode de adăugare CSS3 min
- Sintaxa CSS3 min
- Cascada - cum decide CSS-ul ce stil se aplică3 min
- Specificitate - scorul de prioritate3 min
- Moștenirea (Inheritance)3 min
- Unități de măsură3 min
2. Selectori CSS - de la simpli la complecși
- Introducere3 min
- Selectori de bază3 min
- Combinatori3 min
- Gruparea selectorilor3 min
- Selectori moderni3 min
- Nesting CSS nativ3 min
3. Box Model - temelia layout-ului
- Introducere3 min
- Cele 4 straturi ale box model3 min
- box-sizing: border-box3 min
- Margin Collapsing3 min
- Proprietatea display3 min
- CSS Reset modern3 min
4. Culori, fundaluri și gradienți
- Introducere3 min
- Formate de culoare CSS3 min
- Proprietăți de fundal3 min
- Gradienți CSS3 min
- Tehnici practice cu fundaluri3 min
5. Tipografie și text styling
- Introducere3 min
- Font-uri web3 min
- Proprietăți de font3 min
- Proprietăți de text3 min
- Sistem tipografic scalabil3 min
- Tehnici moderne de text3 min
6. Display, poziționare și float
- Introducere3 min
- Poziționare CSS3 min
- z-index și stacking context3 min
- Centrarea elementelor3 min
7. Flexbox - layout flexibil
- Introducere3 min
- Concepte fundamentale3 min
- Proprietăți pe container3 min
- Proprietăți pe itemi (copii)3 min
- Exemple practice Flexbox3 min
8. CSS Grid - layout bidimensional
- Introducere3 min
- Concepte fundamentale Grid3 min
- Unitatea fr (fraction)3 min
- Grid responsiv fără media queries3 min
- Plasarea elementelor pe grid3 min
- Grid Template Areas - layout semantic3 min
- Subgrid3 min
- Exemplu complet - layout de pagină3 min
9. Responsive design și media queries
- Introducere3 min
- Viewport meta tag (obligatoriu)3 min
- Media Queries3 min
- Container Queries (CSS 2023+)3 min
- Tehnici responsive fără media queries3 min
- Media queries pentru preferințe utilizator3 min
10. Pseudo-clase și pseudo-elemente
- Introducere3 min
- Pseudo-clase de stare3 min
- Pseudo-clase structurale3 min
- Pseudo-elemente3 min
- Exemple practice pseudo-elemente3 min
11. Tranziții și animații CSS
- Introducere3 min
- Tranziții CSS3 min
- Animații CSS (@keyframes)3 min
- Animații practice3 min
12. Transformări 2D și 3D
- Introducere3 min
- Transformări 2D3 min
- transform-origin3 min
- Transformări 3D3 min
- Exemplu practic - Card Flip3 min
- Exemplu - efect parallax cu transform3 min
13. Variabile CSS (Custom Properties)
- Introducere3 min
- Sintaxa de bază3 min
- Dark Mode cu variabile CSS3 min
- Variabile cu scope (context local)3 min
- Variabile și calc()3 min
14. Funcții CSS moderne
- Introducere3 min
- calc() - calcule matematice3 min
- clamp() - valori fluid responsive3 min
- min() și max()3 min
- Funcții de culoare moderne3 min
- Alte funcții utile3 min
15. Forme, filtre și efecte vizuale
- Introducere3 min
- Box Shadow3 min
- Text Shadow3 min
- CSS Filters3 min
- backdrop-filter3 min
- clip-path - forme custom3 min
- mix-blend-mode3 min
16. Scroll, overflow și tehnici avansate
- Introducere3 min
- Overflow3 min
- Scroll Behavior3 min
- Scroll Snap3 min
- Scroll-driven Animations (CSS 2024+)3 min
- Aspect-ratio3 min
17. Accesibilitate și performanță CSS
- Introducere3 min
- Accesibilitate CSS3 min
- Performanță CSS3 min
18. Arhitecturi CSS - BEM, ITCSS, Utility-First
- Introducere3 min
- BEM (Block Element Modifier)3 min
- Utility-First (Functional CSS)3 min
- CUBE CSS3 min
- Organizarea fișierelor CSS3 min
19. Preprocesoare și CSS modern - Sass, PostCSS, Tailwind
- Introducere3 min
- Sass (SCSS)3 min
- PostCSS3 min
- Tailwind CSS3 min
- CSS Modules3 min
20. Proiecte practice și glosar
- Introducere3 min
- Proiect: Landing Page responsivă3 min
- Proiect: Componente reutilizabile3 min
- Glosar CSS3 min
- Resurse recomandate3 min
Cine predă
Dorel Tănase, fondatorul agenției GOAI din Alba Iulia. În mediul online din 1997, în optimizare SEO din 2007. Cursul pornește de la situații întâlnite în lucrul cu clienți din România și este actualizat pe măsură ce uneltele se schimbă. Experiența autorului.
Dorel Tănase, fondatorul agenției GOAI din Alba Iulia. În mediul online din 1997, în optimizare SEO din 2007. Cursul pornește de la situații întâlnite în lucrul cu clienți din România și este actualizat pe măsură ce uneltele se schimbă. Experiența autorului.
Conținut actualizat la
22 august 2026
22 august 2026
Întrebări frecvente despre curs
Ce unelte vă trebuie pentru acest curs?
Aveți nevoie doar de un editor de cod, precum Visual Studio Code, gratuit, și de un browser pentru testare. Pentru capitolele finale sunt prezentate și unelte precum Sass, PostCSS și Tailwind CSS.
Cât durează parcurgerea cursului?
Cursul are 110 lecții și 330 de minute, 5 ore și jumătate, în 20 de capitole. Structura merge de la selectori simpli până la arhitecturi CSS folosite în proiecte mari.
Cursul este actualizat pentru ce funcții CSS?
Cursul acoperă funcțiile CSS moderne, inclusiv variabilele CSS, cunoscute și ca Custom Properties, suportate de toate browserele actuale. Capitolul despre CSS Grid și Flexbox tratează layout-ul folosit curent în majoritatea site-urilor noi.
Prin ce diferă acest curs de Curs HTML?
Curs HTML predă structura unei pagini, fără stilizare vizuală. Acest curs se concentrează pe aspectul vizual, culori, layout și animații, construit peste structura HTML.
Articole pe această temă
Cursuri din aceeași categorie
