How CSS works

CSS es interpretado por el navegador (la aplicación usada para ver la página web, por ejemplo: Internet Explorer o Google Chrome) y luego es usado para decidir como se debería ver la página. Esto también significa que mientras haya unas muy completas especificaciones del lenguaje CSS, los navegadores a través de todos los dispositovos posibles (computadoras de escritorio, tabletas, teléfonos, etc.) interpretan tu código CSS a su propia manera. Esto significa que aunque casi todo tu trabajo se verá y actuará igual a la manera que tu esperas, quizá hayan sutiles diferencias si ves tu trabajo en diferentes navegadores en el mercado.

Dado que CSS es solo una especificación y no una ley, los proveedores de navegadores pueden agregar sus propias propiedades CSS, lo que te permite realizar tareas más avanzadas, pero solo en ese navegador en particular. Esto es utilizado frecuentemente por los diversos proveedores para tratar de persuadir a W3 (la organización a cargo de muchas especificaciones relacionadas, incluyendo HTML y CSS) para agregar funcionalidades a la próxima versión de la especificación CSS.

Históricamente, el problema con las diferencias de representación entre los navegadores ha sido un problema mayor de lo que es actualmente. Especialmente Microsoft ha tenido problemas siguiendo la especificación con su Internet Explorer, con la versión 6 como el peor ejemplo de esto: los navegadores de la competencia seguían mejor la especificación, pero debido a las cuotas de mercado, los desarrolladores tuvieron que implementar varias soluciones desagradables para soportar totalmente IE6 y sus muchas peculiaridades. Afortunadamente para los desarrolladores de todo el mundo, Microsoft ha hecho mucho para solucionar estos problemas en versiones posteriores de Internet Explorer.

Sin embargo, todavía encontrará diferencias en la representación, especialmente cuando realiza pruebas en diferentes navegadores en diferentes dispositivos y sistemas operativos. Es posible que su página web no se vea completamente igual en Internet Explorer que en Chrome, e incluso puede haber diferencias al mirarla en Chrome en un PC con Linux, OSX o Windows. Por esa razón, siempre pruebe su página web en tantos navegadores como sea posible y asegúrese de que su CSS se valida (más sobre esto más adelante).

En resumen

CSS es interpretado por el cliente (generalmente un navegador web) en cada solicitud, y dado que los diferentes navegadores usan diferentes motores de análisis, las cosas pueden no parecer completamente iguales en diferentes dispositivos, plataformas y versiones de navegador. Asegúrese de probar todas sus páginas en tantos navegadores como sea posible y para ayudar a reducir la cantidad de problemas, debe asegurarse de que su código CSS pueda pasar las comprobaciones del validador W3.

En este tutorial solo discutiremos las propiedades y técnicas que actualmente se pueden usar en las versiones más recientes de los navegadores más populares: Microsoft Internet Explorer, Google Chrome, Mozilla Firefox y Apple Safari. Sin embargo, el hecho de que los exploradores entiendan estas propiedades y técnicas todavía no significa que se interpreten y se usen de la misma manera, así que siempre recuerde la regla de oro de CSS: ¡pruebe su trabajo lo máximo posible!