<head>
...
<style type="text/css">
.azul {color: blue}
.rojo {color: red}
</style>
</head>
<body>
<p class="azul"> Este párrafo aparecerá escrito en azul. </p>
<ul>
<li class="rojo"> Este elemento de lista se mostrará en rojo. </li>
<li> Este se mostrará en negro porque no tiene especificada ninguna clase. </li>
<li class="azul"> Este se mostrará en azul. </li>
</ul>
<p> Este párrafo aparecerá en el color por defecto porque no tiene especificada ninguna clase </p>
</body>
Este párrafo aparecerá escrito en azul.
Este párrafo aparecerá en el color por defecto porque no tiene especificada ninguna clase