CSS – formatare text – tutorial video

Salut! Sunt Bogdan, din partea Itassistant.org si va voi vorbi astazi despre formatarea textului in CSS.

In primul rand, pentru a specifica culoara cu care este afisat textul, folosim proprietatea color caria ii dam ca valoare numele unei culori, valoarea rgb(x,x,x) sau valoarea hex.

Color:blue;

Putem specifica si asezarea textului in pagina prin proprietatea text-align, careia ii putem da valorile:

left,center,right.
Text-align:right;

Proprietatea text-decoration ne ofera posibilitatea sa dam textului un aspect deosebit:

		<p style="text-decoration:none">
			Text normal
		</p>
		<p style="text-decoration:underline">
			Text subliniat
		</p>
		<p style="text-decoration:overline">
		Text cu overline
		</p>
		<p style="text-decoration:line-through">
			Text taiat
                </p>

O alta prorpietate care ne vine in ajutor este text-indent:

Text-indent:30px;

Proprietatile letter-spacing si word-spacing determina distanta dintre litere, respectiv cuvinte:

Letter-spacing:5px;
Word-spacing:20px;

Ultima prorpietate care ne ajuta in formatarea textului este white-space. Aceasta poate avea 3 valori:

• Normal: browserul va comprima mai multe spatii in unul singur si va trece la linie noua oricand este nevoie (acesta este implicit)
• Nowrap: browserul comprima spatiile, dar trece la linie noua doar cand intalneste tagul <br>
• Pre: se comporta exact ca tag-ul <pre> din HTML –afiseaza textul exact cum a fost tastat.

In tutorialul ce urmeaza voi vorbi despre fonturi , ceea ce ne va oferi un si mai mare control asupra textului din paginile noastre web.

Puteti sa downloadati fisierele folosite in tutorialul video de: AICI.