Tutorial CSS - Sintaxa CSS

h1 { color: green }

Ce inseamna mai exact? Ca "Titlul de marimea 1 are culoarea verde". Atat de simplu.

Sa mai aruncam o privire:
body { color: black }

In traducere libera: "Culoarea de fond a continutului este negru"

Incearca si tu:
p { text-align: right;color: green}

Exact la ce te gandeai si tu. Inseamna "Cai verzi pe peretele din dreapta".

Lasand gluma la o parte am putea sa spunem ca sintaxa CSS este urmatoarea
tag { atribut: valuare }

sau
element { proprietate: valuare}

Oricare dintre cele doua expresii este adevarata.
Observatii Si reguli de scriere a codului CSS

In cazul in care valoarea elementului se compune din doua cuvinte le vom pune intre ghilimele
p { font-family: "times new roman"}

Daca vom scrie mai mult decat o proprietate le vom separa una de cealalta prin punct si virgula (.
p { text-align: right;color: green; }

Recomandare:

Va recomand sa scrieti toate aceste propietati una sub alta pentru o mai buna citire ulterioara a codului. Deasemenea va recomand sa puneti punct si virgula dupa toate proprietatile elementului chiar daca este ultima dintr-un sir sau daca elementul are o singura proprietate. Luand in calcul acestea codul CSS ar deveni urmatorul
p {
text-align:right;
color:green;
font-family:"times new roman";
}

O alta regula CSS spune ca mai multe elemente cu aceleasi proprietati se pot grupa dupa cum urmeaza

h1, h2, h3, p {

font-family:arial;
color:green;

}
Comentarii CSS

Comentariile in CSS au aceasi functie ca si comentariile HTML, de a specifica ce am facut intr-o anumita expresie, sau daca lipseste ceva sau orice altceva iti trece prin cap.
/*Un comentariu se marcheaza asa*/
p {
text-align:right;
color:green;
/*Un comentariu se marcheaza asa*/
font-family:"times new roman";
}

In capitolul urmator vom aborda clase si id-urui ale CSS-ului in html.