Stiluri de text - formatare avansata a textului

In specificatiile HTML 4.0 au aparut specificatiile pentru eșantioane de stiluri, cunoscute ca Modele de Stiluri in Cascada (Cascading Style Sheets - CSS). Pana la acea data forma, culoarea si marimea textului puteau fi date cu instructiunea "font" si cu atributele sale: "face", "color", "size".
Modelele de stiluri pot fi aplicate aproximativ oricarei instructiuni, folosind atributele din tabelul de mai jos.
Modelele de stiluri pot fi aplicate in mai multe moduri:
a) intern: atributele sunt specificate in interiorul marcajului de deschidere al fiecarei instructiuni; este cel mai neeconomic mod.
b) specificate in antetul fisierului: specificam la inceputul unui fisier diferite atribute pentru mai numeroase stiluri de text; acele stiluri le putem folosi de mai multe ori in trupul acelui fisier fara a mai specifica si atributele.
c) extern: atributele pentru diverse stiluri sunt specificate intr-un fisier special (pe care il putem construi cu un editor de texte (Notepad) si il salvam ca fisier de tip text cu extensia .css ) astfel incat pot fi apelate de indiferent ce alt fisier de pe site. Este modul cel mai recomandat, mai ales pentru site-uri mari.
Putem face chiar ca un anumit stil sa poata fi așezat numai cu o anumita instructiune, iar altele sa poata fi aplicate cu mai multe instructiuni. Unele elemente din tabelul de mai jos pot fi specificate si sub o forma prescurtata; se poate intampla ca unele caracteristici specificate de dvs. sub forma prescurtata sa nu functioneze - folositi forma explicita, neprescurtata.
Atribut Descriere Valori
background imagini sau culori de fundal URL-ul (imaginii) sau culori date prin nume sau valoare RGB
color culoarea textului nume sau valoare RGB
font-family tipul fontului numele fontului sau al familiei de fonturi
font-size măsură fontului data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
font-style text cursiv normal, italic
font-weight grosimea fontului extra-light, light, demi-light, medium, demi-bold, bold, extra-bold
line-height distanta dintre liniile de baza ale randurilor data in puncte(pt), inch(in), centimetri(cm), pixeli(px), procent(%)
margin-left distanta fata de marginea din stanga a paginii data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
margin-right distanta fata de marginea din dreapta a paginii data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
margin-top distanta fata de textul precedent sau fata de marginea de sus a paginii data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
text-align alinierea textului left(stanga), center(centru), right(dreapta), justify
text-decoration evidentierea textului none(nimic), underline(subliniat), italic(cursiv), line-through(taiat)
text-indent distanta primului rand fata de marginea din stanga data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
border-style tipul chenarului none, groove, dotted, dashed, solid, double, ridge, inset, outset
border-width grosimea chenarului data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
border-color colorit chenarului nume sau valoare RGB
72 pt=1 inch = 25,4 mm;
un font de dimensiunea 14pt inseamna ca sunt 14 puncte intre partea superioara a literei M sau h si partea inferioara a literei g sau y

Se folosesc si instructiunile: Instructiune Semnale Descriere
<style>
</style> - specifica in antet caracteristicile stilurilor
type= in general Cascading Style Sheets: "text/css"
<span>
</span> - marcaj generic, numai pentru stiluri
class= specifica un anumit stil
id= specifica un anumit stil