• Sobre nosotros
  • Aviso legal
  • Contactar
Blog de diseño web y desarrollo
  • Accesibilidad
  • Usabilidad
  • Arquitectura de la información
  • Diseño web
  • SEO
  • Desarrollo web
  • Página web

El Blog de diseño web y desarrollo

Portada > Inicializar los estilos css

Inicializar los estilos css

5 años ago webreunidos Accesibilidad, CSS, Diseño web 0
Share this:

Cuando publiquemos nuestra página web, una de los puntos a revisar es su visualización en los difrentes navegadores y sus correspondientes versiones, por ello es importante inicializar los estilos CSS.

Los navagadores cuando muestra una página web, no sólo aplican los estilos creados por el diseñador web, sino que también aplican las hojas de estilos del propio navegador y las del usuario.

Como podemos constatar, son tres las hojas de estilo que se pueden aplicar cuando visualizamos un sitio web: las del navegador, las del usuario y las del diseñador.

Así mismo, indicar que por ser las primeras en aplicarse, el orden de prioridad más bajo le corresponde a las CSS del navegador, luego son las del usuario, y las de mayor prioridad, al ser las últimas en cargarse y aplicarse, son las del diseñador.

Este orden de prioridad puede ser modificado si se incluye en la regla CSS la palabra !important. Si una regla definida en las CSS del usuario es igual a una defenidia en la del diseñador, tendrá prioridad las del usuario si en ella incluye la palabra !important. Esto es así, al objeto de dar mayor control al usuario al objeto de conseguir una mayor accesibilidad web para aquellas personas con determinada discapacidad.

Una web para todos, diseño para todos.

Hoja de estilo del navegador: es la que establece el estilo inicial de todos los elementos HTML . Si al cargar nuestra página web, no hemos definido el estilo a algun elemento, éste tomará el aspecto que por defecto esté definido en las hojas CSS del navegador.

Hoja de estilo del usuario: tal y como su nombre indica, es aquella que el propio usuario aplica a través de su carga en el navegador.

Hoja de estilo del diseñador: son los estilos definidos por el diseñador de la página web.

Los valores de los elementos HTML -tipo de letra, márgenes verticales, títulos de secciónetc.- son aplicados de diferente forma por cada uno de los navagadores. Por ello, para que no nos ocurra como en la captura de pantalla, que nuestro diseño no coincide con la visualización en el navegador, deberemos neutralizar los estilos prefijados en las CSS del navegador.

Una forma rápida y sencilla sería neutralizar los márgenes y relleno de todos los elementos de la página.

La solución ideal es crearse una hoja de estilo CSS –reset css– para inicializar los estilos CSS que aplican por defecto los navegadores y que afectan a la visualización de nuestro site.

Incluimos como ejemplo, la propuesta de hoja de estilo reset css del diselñador Eric Meyer.

Inicializar los estilos css was last modified: noviembre 24th, 2014 by webreunidos

accesibilidad css diseño web

Previous Post

Por qué utilizar los estándares web

Next Post

Cascada, especificidad y herencia

webreunidos

Desarrollo y diseño web
Posicionamiento SEO

SEO movil

Herramientas para SEO móvil...

04/12/2014 2
Accesibilidad web AA y niveles

Accesibilidad web AA y...

25/02/2015 0
Diseño

Principios fundamentales del Diseño...

15/10/2014 2

Qué necesito para mi...

13/03/2015 0

Cancel Reply

  • Recent
  • Popular
  • Comments
Accesibilidad web en España

Accesibilidad Web en España

02/04/2018 0
Qué tiene que tener una página web de una empresa

¿Qué tiene que tener una página web de una empresa?

21/03/2018 0
SEO negativo. Imagen

SEO negativo

17/03/2018 0
Cómo hacer una web popular

Cómo hacer una página web popular

29/01/2018 0
Formulario de validación. Imagen

Herramienta AMP de Google

23/01/2018 0
Cómo crear un sencillo buscador php web

Crear buscador php web sencillo

18/01/2016 30
calendario

Lista SELECT desde ARRAY (PHP)

12/09/2016 8

Herramientas de apoyo a la accesibilidad

14/02/2012 4

Usabilidad web: qué es y para qué

04/03/2012 4

Iniciación en el desarrollo web

27/02/2012 4

VincentSot

Muchas gracias por compartir este recurso tan…

webreunidos

Te enviaré el código completo por email,…

Lena

No me funciona, ¿podrías poner el archivo…

webreunidos

Hola Sergio, ¿que versión de PHP estás…

sergio

Hola todo este codigo va en un mismo archivo…

Tweets por @WebReunidos

Diseño web profesional

Categorías

  • Accesibilidad
  • Arquitectura de la información
  • community manager
  • CSS
  • Desarrollo web
  • Diseño web
  • plugins
  • redes sociales
  • SEO
  • SEO – SEM
  • Usabilidad
  • wordpress

Entradas recientes

  • Accesibilidad Web en España
  • ¿Qué tiene que tener una página web de una empresa?
  • SEO negativo
  • Cómo hacer una página web popular
  • Herramienta AMP de Google

Suscríbete a nuestra newsletter

Copyright (c) by WebReunidos
Desarrollo y diseño web Madrid