Tema 2. Clase şi pseudoclase de stiluri

Exemplul 1

<HTML>

<Head>

<Style>

P.mare {font-size: 16pt}

P.mic {font-size: 8pt}

</Style>

</Head>

<Body>

<P class=mare> Un paragraf cu litere mari</P>

<P> Un paragraf cu litere obisnuite</P>

<P class=mic> Un paragraf cu litere mici</P>

</Body>

</HTML>

Exemplul 2

<HTML>

<Head>

<Style>

A:link {color: blue}

A:visited {color: black}

A:active {color: red}

A:hover {color: lime}

A:hover.frumos{color: green; font-size: 18pt}

</Style>

</Head>

<Body>

<A Href="fisier1.html"> Prima hiperlegatura</A><br>

<A Href="fisier2.html"> A doua hiperlegatura</A><br>

<A Href="fisier3.html"> A treia hiperlegatura</A><br>

<A class=frumos Href="fisier4.html"> A patra hiperlegatura</A><br>

<A Href="fisier5.html"> A cincea hiperlegatura</A><br>

</Body>

</HTML>

...