Cu HTML 4.0 au aparut
specificatiile pentru
modele de stiluri,
cunoscute ca Modele de
Stiluri in Cascada
(Cascading Style Sheets -
CSS). Acestea ajuta la
afisarea grafica si
incadrarea continutului in
pagina.
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
etichete HTML, folosind
proprietati si valori
specifice codului CSS, unele
din ele sunt prezentate in
tabelul de jos al paginii.
Modelele de stiluri pot fi
aplicate in mai multe
moduri:
1. Intern - direct in
eticheta HTML
- Pentru adaugarea unui
STYLE intern la un
element se foloseste
atributul style urmat de
proprietati si valori,
folosind urmatoarea
sintaxa:
- Exemplu:
Exemplu h4
In pagina va apare
Exemplu h4
2. In antetul (header-ul)
fisierului
- In acest caz se adauga
in sectiunea HEAD a
documentului HTML
urmatoarea sintaxa .
Aceasta spune browser-
ului ca sunt adaugate
elemente de stil CSS.
- Aceasta metoda este
utila cand se doreste
folosirea acelorasi stiluri
pentru mai multe
elemente din pagina
astfel sunt scrise o
singura data si nu la
fiecare element.
- Proprietatile si valorile
de sti CSS se introdul in
acest element STYLE,
dupa cum puteti vedea
in exemplul urmator:
- Conform acestui cod,
toate textele "h2" din
pagina vor avea
culoarea albastra si vor
fi subliniate.
- Se foloseste (optional)
"" pentru browserele
care nu recunosc
elementul "
Text ...
Alt text ...
- In exemplu de sus,
stilul creat poate fi
folosit doar de
elementele unde vom
adauga comanda
class="cuvant", celelalte
elemente nefiind
afectate.
Important: selectorul
(aici "cuvant") in
STYLE trebuie sa
inceapa cu punct (.)
Exemplu pentru "id"
Text ...
Alt text ...
- In acest exemplu, stilul
creat pentru "idh" va fi
folosit doar pentru
primul element "h2"
care contine 'id="idh"'
Important: Pentru
stilurile definite de
ID, selectorul (aici
"idh") trebuie sa
inceapa cu #.
Incercati singuri aceste
exemple pentru a vedea
rezultatul.
Css :