Tutorial CSS - Sintaxa CSS
Sa luam un exemplu practic pe care il vom studia putin.
| 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; } |
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.
Comentarii
am si eu o problema.am citit acest tutorial, dar n-am inteles cum intr-un site sa pun un cod css, ca sa iasa ca la diversele site-uri de pe net.v-as fi recunoscator daca m-ati ajuta.va multumesc
Trimite un comentariu!
