Fetishcode…Thinking in objects

Los que desarrollamos aplicaciones web, siempre tenemos que tener en cuenta el tema de los navegadores. Nuestra aplicación debe verse igual, o por lo menos sin cambios muy bruscos en todos ellos.
Para conseguir esto, una de las técnicas se basa en resetear ciertas etiquetas antes de definirlas en nuestro css.

El grupo de desarrolladores de yahoo nos proporciona una de estas hojas de estilo de reset: yui-reset

Cuando se trabaja en CSS , normalmente, se crean propiedades específicas para definir las características de un objeto. Por ejemplo el color, tamaño y tipo de letra que va a tener tu página. Muchas veces se necesita aplicar una pequeña variación a esta clase y por lo tanto la duplicamos para ajustarla a las necesidades.

Un aspecto interesante en CSS es que se pueden definir Multi-Class.
El CSS:

.roja {color : #FF0000;}

.negrita {font-weight: bold;}

.cursiva {font-style:italic;}

.grande{font-size : 24px;}

.pequeña {font-size : 9px;}

El HTML:

<p class="negrita roja">Texto negrita Rojo</p>

<p class="cursiva roja">Texto cursiva Rojo</p>

<p class="negrita roja grande">Texto negrita Rojo Grande</p>

<p class="negrita roja pequeña">Texto negrita Rojo Pequeño</p>

Resultado:

Para ver el resultado podéis crearos un html y pegar el código anterior o visitar Optimize CSS with multi-class elements donde se puede ver un ejemplo práctico de la utilización de elementos multi-class.