Sintaxa CSS este diferita de cea a HTML-ul pentru ca acest limbaj are un alt rol.
In HTML vom pune continutul si structura paginii, iar in CSS doar reguli de stilizare: culori, margini, marimea textului, aranjare in pagina, cum vor arata butoanele si multe altele.
Un exemplu de cod CSS este urmatorul:
p {
color: gray;
}
Codul de mai sus aplica culoarea gray paragrafelor din pagina. Acesta este format din doua parti:
-
un selector: prin care spunem cui vrem sa aplicam reguli noi, vedem ca este scris in afara parantezelor acolade. In acest caz folosim numele unui tag HTML
p -
regula css: prin care spunem ce vrem sa schimbam pentru acel element, acestea sunt intodeauna cuprinse intre cel 2 paranteze acolade:
color: gray;
Asadar avem doua parti: in primul rand un selector si apoi o serie de reguli CSS.
Haideti sa ne uitam in detaliu la fiecare.