[Tutorial CSS] Formatarea textului
Scris: Mar Mai 26, 2015 6:48 pm
Nume Tutorial: Formatarea textului
Descriere: Formatarea textului
Download:-
Autor:ANONIM
Sursa (Link-ul oficial):
Propria parere:Util .
Tutorialul:
Culoarea textului se poate exprima ca si la culoarea de background in sistemul hexadecimal, RGB sau cu numele in engleza a culori respective.
Cu ajutorul atributului body vom specifica culoarea intregului text continut in pagina cu exceptia cazului in care specificam altceva.
Alinierea textului
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:
Alte valori folosite sunt
Folosind CSS putem transforma tot textul in majuscule in minuscule sau sa transformam prima litera a fiecarui cuvant in majuscula.
ot aici voi mentiona si alinierea paragrafului (spatiu liber la inceputul randului)
Descriere: Formatarea textului
Download:-
Autor:ANONIM
Sursa (Link-ul oficial):
Propria parere:Util .
Tutorialul:
Culoarea textului se poate exprima ca si la 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); }Alinierea textului
Cod: Selectaţi tot
h1 { text-align: center; }
p { text-align: center; }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; } Cod: Selectaţi tot
h1 { text-decoration: overline; }
h2 { text-decoration: line-through; }
h3 { text-decoration: underline; }
h4 { text-decoration: blink; }Cod: Selectaţi tot
p { text-transform: uppercase; }
p { text-transform: lowercase; }
p { text-transform: capitalize; }Cod: Selectaţi tot
p { text-indent: 30px; }