9.146 lecturas 2 comentarios

Reset de CSS

reset_cssOs adjunto un Reset CSS para maquetar. Yo lo encontré en el Framework CSS de Blueprint y según muchos expertos, dicen que es el mejor. Digamos que el objetivo de este CSS es el de reducir inconsistencias que existen entre los diferentes renders de navegadores a la hora de mostrar una Web.

Muchos de los fallos que hacen que en un navegador se vea de una forma, y en otros de otra diferente, es porque los valores iniciales son diferentes en cada uno. Con este código se resetean todos a un valor por defecto neutro o cero:

<link rel=»stylesheet» href=»css/reset.css» type=»text/css» media=»screen» />

Podéis descargar aquí el CSS

Otra curiosidad que he encontrado hoy (para el que lo sepa igual es una tontería) es que se pueden definir dos CSS diferentes según si queremos imprimir la página por pantalla o por impresora.

Quedaría algo tal q así:

Estilo para la página:
<link rel=»stylesheet» href=»css/css_normal.css» type=»text/css» media=»screen» />

Estilo para imprimir:
<link rel=»stylesheet» href=»css/css_para_impresion.css» type=»text/css» media=»print» />

Comentarios

  • No se si he entendido bien

    Esta actualizacion quiere decir, que si implementamos ese CSS a nuestras paginas, se veran en todos los navegadores igual por que partiran de la misma base?

    Si no es asi no lo entendi xD

    En tal caso, gracias ^^

  • Si, ayuda a eso.

    Hay mil cosas que en cada navegador se verán a su manera, pero con esto al menos ayudas a que las básicas no fallen.

    Digamos que es el primer paso para prevenir que cada explorador interprete el código a su manera 🙂

    Pero no es un remedio 100%, ojo.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.