Clases en CSS

En ocasiones necesitamos destacar alguna parte de nuestras entradas o simplemente que se muestre de una forma diferente al resto. Para que todas esas partes nos queden dentro de un mismo estilo y, sobre todo, para no tener que teclear el mismo código una y otra vez, podemos usar las CLASES.

Una CLASE se formula de la siguiente manera:

<div class="resaltar" align="justify">
* Marilyn Monroe</div>

Lo que se quiera resaltar tiene que ir de esta manera, entre <div> o <span> e indicando la CLASE con la que queremos que se muestre.

Previamente hay que crear la CLASE (en el ejemplo, RESALTAR) en nuestra hoja de estilo (CSS) para que funcione.

Para ello, antes de ]]></b:skin> hay que colocar el código necesario para ello. Las CLASES comienzan por un punto y no pueden contener ciertos caracteres, por lo cual usar letras que no puedan dar problemas (como pudiera pasar con la ñ). Por lo demás, le podeis dar el nombre que querais.

.resaltar {
border:3px groove #666699;
text-align:left;
font-family:Trebuchet;
margin:10px 20px 10px 20px;
padding:10px 20px 10px 20px;
color:#666699;
background-image:url(http://farm2.static.flickr.com/1201/533649270_a8c3fc3bed_m.jpg);
}

Todo lo demás depende de vuestra creatividad. Jugando con el borde que puede ser total o sólo en algún lado, la tipografía, el color, imagen de fondo, márgenes, etc. se pueden conseguir resultados muy buenos.