Text
Culoarea textului se poate exprima ca si la culoarea de background in sistemul hexadecimal, RGB sau cu numele in engleza a culori respective.
Cod:
body { color: #efefef; }
h1 { color: red; }
p { color: rgb(255,0,0); }
Cu ajutorul atributului body vom specifica culoarea intregului text continut in pagina cu exceptia cazului in care specificam altceva.
Cod:
Alinierea textului
Cod:
h1 { text-align: center; }
p { text-align: center; }
In CSS ca si in HTML textul poate fi aliniat la dreapta, la stanga sau justificat (justified).
Decorarea si transformarea textului in CSS
Decorarea textului se foloseste atat pentru stabilirea cat si inlaturarea anumitor proprietati. Cel mai des intalnita este inlaturarea sublinieri linkurilor:
Cod:
a { text-decoration: none; }
Alte valori folosite sunt
Cod:
h1 { text-decoration: overline; }
h2 { text-decoration: line-through; }
h3 { text-decoration: underline; }
h4 { text-decoration: blink; }
Folosind CSS putem transforma tot textul in majuscule in minuscule sau sa transformam prima litera a fiecarui cuvant in majuscula.
Cod:
p { text-transform: uppercase; }
p { text-transform: lowercase; }
p { text-transform: capitalize; }
Tot aici voi mentiona si alinierea paragrafului (spatiu liber la inceputul randului)
Culoarea textului se poate exprima ca si la culoarea de background in sistemul hexadecimal, RGB sau cu numele in engleza a culori respective.
Cod:
body { color: #efefef; }
h1 { color: red; }
p { color: rgb(255,0,0); }
Cu ajutorul atributului body vom specifica culoarea intregului text continut in pagina cu exceptia cazului in care specificam altceva.
Cod:
Alinierea textului
Cod:
h1 { text-align: center; }
p { text-align: center; }
In CSS ca si in HTML textul poate fi aliniat la dreapta, la stanga sau justificat (justified).
Decorarea si transformarea textului in CSS
Decorarea textului se foloseste atat pentru stabilirea cat si inlaturarea anumitor proprietati. Cel mai des intalnita este inlaturarea sublinieri linkurilor:
Cod:
a { text-decoration: none; }
Alte valori folosite sunt
Cod:
h1 { text-decoration: overline; }
h2 { text-decoration: line-through; }
h3 { text-decoration: underline; }
h4 { text-decoration: blink; }
Folosind CSS putem transforma tot textul in majuscule in minuscule sau sa transformam prima litera a fiecarui cuvant in majuscula.
Cod:
p { text-transform: uppercase; }
p { text-transform: lowercase; }
p { text-transform: capitalize; }
Tot aici voi mentiona si alinierea paragrafului (spatiu liber la inceputul randului)
