domingo, 1 de julio de 2012

El selector universal

Esto no sólo es un asterisco, también es el llamado selector universal y en lo personal, suele ser la primera regla que agrego a cualquier hoja de estilo incluyendo el CSS de Blogger porque, de esa manera, puedo resetear las dos propiedades básicas que perturban a la hora de armar una pagina web: margin y padding, ya que los navegadores les asignan ciertos valores por defecto que afectan la forma en que se muestran la mayoría de las etiquetas.
* {
margin: 0;
padding: 0;
}
Colocada como primera de las reglas, lo que hace es simple, elimina el padding y el margen de todas las etiquetas y por lo tanto, luego podremos asignarle los valores exactos.

Otro ejemplo donde se resetean más propiedades:
* {
border: none;
outline: none;
margin: 0;
padding: 0;
text-decoration: none;
}
En CSS Tricks juegan un poco con eso y llegan a algunos extremos divertidos; por ejemplo, de este modo, se agregarían transiciones a todas las etiquetas así que cualquier efecto hover se verá animado:
* {
-moz-transition: all 1s;
-webkit-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
Coloquen propiedades como estas y el blog será irreconocible:
background: #888;
color: #FF0;
outline: 1px solid #F00;
}
Muchos dicen que esto no funcionará en IE6 y en ciertos casos, hace que ese navegador colapse pero ¿a alguien en su sano juicio le importa qué pasa en IE6?

No hay comentarios:

Publicar un comentario