Tutorial CSS - Formatarea textului

Tutoriale CSS si HTML, tutoriale editare si instalare site-uri in CSS si HTML!
Avatar utilizator
DarkArms
Membru
Mesaje: 3107
Localitate: Reșița, România
Nick server: cleks
Contact:

Tutorial CSS - Formatarea textului

Mesaj de DarkArms » Sâm Apr 16, 2016 12:07 pm

Tutorial CSS - Text

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

Cod: Selectaţi tot

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

Cod: Selectaţi tot

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).
CSS - 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: Selectaţi tot

a { text-decoration: none; }
Alte valori folosite sunt

Cod: Selectaţi tot

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: Selectaţi tot

p { text-transform: uppercase; }
p { text-transform: lowercase; }
p { text-transform: capitalize; }
Tot aici voi mentiona si alinierea paragrafului (spatiu liber la inceputul randului)

Cod: Selectaţi tot

p { text-indent: 30px; }

Înapoi la “Tutoriale CSS si HTML”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 1 vizitator