Html 9

l) Modele de stiluri

In specificatiile HTML 4.0 au aparut specificatiile pentru modele 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 aproape 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 diverse atribute pentru mai multe stiluri de text; acele stiluri le putem folosi de mai multe ori in corpul 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 orice 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 aplicat numai cu o anumita instructiune, iar altele sa poata fi aplicate cu mai multe instructiuni. Unele atribute 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	dimensiunea 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	culoarea 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	Atribute	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