Web Design Web Design | Page 10

CSS - Formatarea textului

Culoarea textului se poate exprima la fel ca si culoarea de background in sistemul hexadecimal, RGB sau cu numele in engleza a culorii respective.

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.

Alinierea textului

h1.clasa { text-align: center; }

.clasa { 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:

a { text-decoration: none; }

Alte valori folosite sunt:

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.

p { text-transform: uppercase; }

p { text-transform: lowercase; }

p { text-transform: capitalize; }

Tot aici voi mentiona si alinierea paragrafului (spatiu liber la inceputul randului)

p { text-indent: 30px; }