Tema 2. Clase şi pseudoclase de stiluri
Clase
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>
Pseudoclase
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>
...