Cuando empezamos con el diseño web uno de los problemas mas comunes que nos podemos
encontrar es la incompatibilidad de nuestros diseños en diferentes navegadores web, este problema es quizás uno de los que más causan dolor de cabeza cuando diseñamos una pagina web. El por que de esto se debe a varios factores como pueden ser : mal uso de las propiedades CSS , navegadores que no cumplen los estándares (Internet explorer se lleva las palmas), errores de codificación etc.
Para solventar esta problemática, existen varias propuestas, entre las cuales puedo destacar, el seguir los estándares establecidos por la W3C, dejar morir aquellos navegadores que lo único que logran es el estancamiento de de las tecnologías Web (IE 6 por ejemplo), simplificar nuestro css lo mas conciso posible.
Tipos De CSS
Los distintos navegadores web del mercado interpretan el CSS de maneras un tanto diferentes. Se dice que cuando se presenta una pagina en el navegador Web, la forma en la que la visualizamos viene determinada por tres elementos CSS que son :
- CSS del Navegador.
- CSS del Usuario.
- CSS del Diseñador.
Recordemos que CSS significa Hojas De Estilo En Cascadas, por lo tanto el estilo de mayor prioridad será el del Diseñador, si nuestra pagina no cuenta con una hoja de estilo, la información se presentara de acuerdo al CSS del Navegador, la forma de romper esta regla se da con la instrucción !important,la cual establece cual de los 3 tipos de CSS tienen prioridad. Como nota final mencionar que el CSS del Usuario resulta ser el de mayor prioridad siempre y cuando el usuario así lo decida, este CSS se determina con las propiedades del navegador como pueden ser: ampliar el tamaño de la letra,a cambiar el color etc. Por ejemplo podemos realizar una pagina web con su respectivo CSS el cual será interpretado por el navegador de una manera correcta, pero si el usuario decide aumentar el tamaño de la letra la regla se aplicara independientemente de nuestro CSS.
