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.
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 | |
Categories:html, webEtichete:curs html, html, html online
