Cascading Style Sheets (CSS) este un limbaj de foi de stil folosit pentru a descrie prezentarea unui document scris în HTML sau XML (inclusiv diverse limbaje XML, cum ar fi SVG, MathML sau XHTML). CSS descrie modul în care elementele trebuie redate pe ecran, pe hârtie, în vorbire sau pe alte suporturi media.
CSS este unul dintre limbajele principale ale webului deschis și este standardizat în browsere conform specificațiilor W3C. Dezvoltat pe niveluri, CSS1 este acum depășit, se recomandă CSS2.1, iar CSS3, acum împărțit în module mai mici, este în curs de standardizare.
- Introducere în CSS
Dacă ești începător în dezvoltarea web, citește articolul Noțiuni de bază CSS pentru a afla ce este CSS și cum se utilizează.
- Tutoriale CSS
Secțiunea noastră Zonă de învățare CSS conține numeroase tutoriale pentru a te duce de la nivel începător la avansat, acoperind toate elementele de bază.
- Referințe CSS
Referința CSS completă pentru dezvoltatorii web experimentați descrie fiecare proprietate și concept CSS.
Tutoriale
Secțiunea noastră Zonă de învățare CSS conține numeroase module care te învață CSS de la zero — nu necesită cunoștințe prealabile.
- Introducere în CSS
- Acest modul te ajută să înțelegi elementele de bază ale modului în care CSS funcționează, inclusiv selectori și proprietăți, scrierea regulilor CSS, aplicarea CSS pentru HTML, cum să specifici lungimea, culoarea, și alte unități în CSS, moștenirea, elementele de bază ale modulului box model și depanarea CSS.
- Stilizarea textului
- Acest modul discută elementele fundamentale de stilizare a textului, inclusiv setarea fontului, îngroșarea și italizarea, spațierea între linii și litere, umbre și alte caracteristici de text. Acest modul se încheie cu aplicarea fonturilor personalizate pe pagina ta și stilizarea listelor și legăturilor.
- Stilizarea cutiilor
- În acest modul ne uităm la stilizarea cutiilor, unul dintre pașii fundamentali către afișarea unei pagini web. În acest modul recapitulăm box model, apoi ne vom uita cum putem controla layoutul cutiei prin setarea padding, border și margin, setarea colorilor de fundal personalizate, a imaginilor și a altor caracteristici, precum și caracteristici mai elegante cum ar fi umbrele și filtrele.
- Layoutul CSS
- Până în acest moment am analizat deja elementele fundamentale CSS, cum se stilizează textul și modul de a modela și modifica cutiile în care se află conținutul. Acum este timpul să te uiți la cum să plasezi cutiile la locul potrivit în raport cu viewport și una lângă alta. Am acoperit cerințele preliminare necesare, astfel încât poți aprofunda layoutul CSS, uitându-te la diferite setări de afișare, metode tradiționale de layout implică float și poziționare, precum și noi instrumente de layout precum flexbox.
Referințe
- Referință CSS: Această referință exhaustivă pentru dezvoltatorii Web experimentați descrie fiecare proprietate și concept CSS.
- Concepte cheie CSS:
Instrumente pentru dezvoltarea CSS
- Poți utiliza serviciul de validare CSS al W3C pentru a verifica dacă codul tău CSS este valid. Acesta este un instrument neprețuit de depanare.
- Firefox Developer Tools îți permite să vizualizezi și să editezi codul CSS al unei pagini prin intermediul intrumentele Inspector și Style Editor.
- Extensia Web Developer pentru Firefox îți permite să urmărești și să modifici codul CSS live pe siturile văzute.
- Comunitatea Web a creat și alte instrumente CSS pentru a le utiliza.
Meta buguri
- Firefox: bug 1323667
Vezi și
- Demonstrații CSS: Inspiră-te prin explorarea celor mai recente tehnologii CSS.
- Limbaje Web la care se aplică adesea CSS: HTML, SVG, XHTML și XML.
- Tehnologiile Mozilla care utilizează CSS pe scară largă : XUL, Firefox, și extensiile Thunderbird și teme.
Join the Web layout community
- Stack Overflow: CSS topics