Stiluri dedicate

<style>
h1 {text-align:center; color:red;}
</style>

Toate titlurile care apar in fisier ca fiind de marime 1 vor fi de culoare rosie si centrate.
Daca dorim ca acelasi stil sa fie utilizat de catre mai multe elemente (de ex. "h1", "h2", si "p") atunci se utilizeaza o lista acestor elemente, separate prin virgula:

<style>
h1, h2, p {text-align:center; color:red;}
</style>

Clase de stiluri

<style>
all.ac {text-align:center; color:blue;}
</style>

Daca dorim ca un titlu de marimea 2 sa foloseasca clasa de stiluri "ac" atunci scriem:

<h2 class = ac>Acesta este un header de marime 2 albastru si centrat</h2>

Daca dorim ca o clasa de stiluri sa fie aplicabila numai pentru anumite elemente ale documentului (de exemplu "p") atunci in consturctia va aparea acest element ( de exemplu "p.rc").

<html>
<head><title>clasa de stiluri dedicata</title>
<style> p.ac {text-align:center; color:blue;} </style>
</head>
<body> <p>Acesta este un paragraf normal
<br> <p class=ac>Acesta este un paragraf albastru si centrat
</body>
</html>

Stiluri " identificate "

• in blocul <style>...</style> introduceti definitia stilului conform sintaxei:

  <style>
#rosu { color: red }
</style>

• in elementul in care se doreste utilizarea locala a acestui stil , folositi atributul id care primeste valoare numele stilului definit anterior.
  Daca dorim ca un stil " identificat " sa fie aplicabil numai pentru anumite elemente ale documentului ( de exemplu "h2") atunci in constructia selectorului va aparea acest element (de exemplu "h2#ac").

Stiluri in-line

<h2 style = " color: red; text-align: center;">
Acest header de marimea 2 este de culoare rosie si este centrat.</h2>

Pseudoclase

a: link {color: black; font-size: 20pt}
a: activate {color: blue; font-style: italic}
a: visited {color: cyan; text-decoration: none}

• a: link.CLASA1 {...} combinat cu <a class = CLASA1 href=" "> ...</a>
• a: link#ID1 {...} combinat cu <a id = ID1 href=" "> ...</a>

Forma cursorului

1. Mana - atunci cand este pozitinat pe o legatura
2. Bara verticala - atunci cand este pozitionat pe alt obiect decat o legatura.

< a href=" fisier.html" style=" cursor :e-resize" " Legatura< /a>