CSS este acronimul pentru Cascading Style Sheets (foi de stil în cascadă).
Ce poți face cu CSS?
CSS este un limbaj de stilizare care definește aspectul vizual și structura de afișare (layoutul) pentru documentele HTML. Cu ajutorul CSS pot fi configurate culorile, fonturile, marginile, liniile de delimitare, înălțimea, lățimea, imaginile de fundal, poziționarea avansată a elementelor și numeroase alte proprietăți grafice.
HTML este de multe ori folosit necorespunzător pentru aranjarea vizuală a paginilor web. CSS oferă un control mult mai precis, mai sofisticat și este compatibil cu toate browserele moderne.
Care este diferența dintre CSS și HTML?
HTML este utilizat pentru a structura conținutul, în timp ce CSS este folosit pentru formatarea și prezentarea acestuia. La începuturile webului, HTML servea exclusiv pentru definirea structurii textuale, folosind taguri precum <h1> și <p> pentru a marca un titlu sau un paragraf.
Odată cu creșterea popularității internetului, designerii au început să caute modalități prin care să stilizeze documentele online. Pentru a răspunde acestor cerințe, dezvoltatorii de browsere (la acea vreme în special Microsoft și Netscape) au introdus taguri HTML noi, precum <font>, care defineau prezentarea vizuală în loc de structură. Această abordare a dus la situații în care elemente structurale precum <table> erau utilizate necorespunzător pentru crearea de machete grafice.
Multe dintre noile taguri de layout (precum celebrul <blink>) erau recunoscute doar de anumite navigatoare web. O formulă des întâlnită pe site-urile de atunci era „Aveți nevoie de browserul X pentru a vizualiza corect această pagină”.
CSS a fost conceput tocmai pentru a remedia această problemă, punându-le la dispoziție designerilor instrumente avansate de layout, standardizate și recunoscute uniform de toate browserele. În plus, separarea stratului de prezentare vizuală de conținutul efectiv al paginii ușurează considerabil întreținerea și actualizarea site-urilor web.
Ce avantaje aduce CSS?
Apariția CSS a reprezentat un salt calitativ esențial în dezvoltarea web modernă. Printre beneficiile concrete se numără:
- controlul layoutului și al designului întregului site dintr-o singură foaie de stiluri;
- un control mult mai riguros și detaliat asupra așezării în pagină;
- posibilitatea de a aplica stiluri diferite pentru formate diferite (ecran, imprimare etc.);
- reducerea dimensiunii paginilor și simplificarea codului HTML.
