- Introducere in CSS
- Sintaxa CSS
- Clase si Id-uri
- Cunostinte de Baza
- Background
- Text
- Familii de fonturi
- Link-uri
- Liste
- Tabele
- Containere
- Outline
- Margin si Padding
- Dimensiuni
- Display si Visibility
- Position si z-index
- Floating
- Aliniere elemente HTML
- Combinators si Selectors
- Pseudo-Clase
- Pseudo-Elemente
- Opacitatea
- @Reguli
- Media Types
- Stefanescu Mihai a postat in Paginare in PHP
- johhny a postat in Paginare in PHP
- Stefanescu Mihai a postat in Cum pot afisa eroarea cand utilizatorul a scris un username gresit sau o parola gresita?
- madalin a postat in Cum pot afisa eroarea cand utilizatorul a scris un username gresit sau o parola gresita?
- Stefanescu Mihai a postat in Featureuri site
Introducere in CSS
Ce trebuie sa stiu?
Inainte sa incepem sa discutam despre CSS trebuie sa stii ca ai nevoie de cunsotinte minime de HTML.
Ce este CSS?
Pai, pentru inceput CSS este prescurtarea de la Cascading Style Sheets. Aceste stiluri definite in CSS hotarasc modul de afisare al elementelor HTML.
CSS-ul poate fi de 3 feluri:
- Extern
- Intern
- Inline
Iata un exemplu de cum poate arata un document fara CSS si un document ce foloseste CSS.
Style-urile salveaza multe probleme
HTML nu a fost menit sa aiba tag-uri ce vor tine de formatarea unui document ci a fost menit sa contina tag-uri ce defineste continutul unui document, precum:
h1, p, etc.
Cand au inceput sa fie folosite tag-uri precum <font> si atribute de culoare (ce au fost adaugate in HTML 3.2), HTML a devenit un cosmar pentru programatori. Programarea site-urilor mari, care au multe pagini cu informatii, fonturi diferite, culori diferite, s.a.m.d…totul a devenit un proces lung si scump.
Pentru a rezolva aceasta problema a fost creeat CSS-ul. Incepand cu HTML 4.0 toate elementele de formatare pot fi scoase din HTML si folosite doar in fisierul CSS (tip de fisier suportat de toate browserele moderne).
CSS te scapa de multa munca
CSS defineste modul in care elementele HTML vor fi afisate, deci daca la unmoment dat va hotarati sa schimbati designul site-ului nu trebuie decat sa modificati fisierul CSS.
Comentarii