CSS

CSS Lenguaje de programación Descripción CSS, en español «Hojas de estilo en cascada», es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Wikipedia Contenido por: Documentos HTML Contenedor para: Reglas de estilo para elementos HTML (etiquetas) Estándar(es): Level 1 (Recommendation); Level 2 (Recommendation); Level 2 Revisión 1 (Recommendation); Level 2 Revisión 2 (CSS 2.2) Lanzamiento inicial: 17 de diciembre de 1996 (27 años) Tipo de formato: Lenguaje de hoja de estilos Última versión: CSS3 Uniform Type Identifier: public.css

CSS Hojas de Estilo en Cascada (del inglés Cascading Style Sheets) o CSS es el lenguaje de estilos utilizado para describir la presentación de documentos HTML o XML (en-US) (incluyendo varios lenguajes basados en XML como SVG, MathML o XHTML). CSS describe cómo debe ser renderizado el elemento estructurado en la pantalla, en papel, en el habla o en otros medios. CSS es uno de los lenguajes base de la Open Web y posee una especificación estandarizada por parte del W3C. Anteriormente , el desarrollo de varias partes de las especificaciones de CSS era realizado de manera sincrónica, lo que permitía el versionado de las recomendaciones. Probablemente habrás escuchado acerca de CSS1, CSS2.1, CSS3. Sin embargo, CSS4 nunca se ha lanzado como una versión oficial. Desde CSS3, el alcance de las especificaciones se incrementó de forma significativa y el progreso de los diferentes módulos de CSS comenzó a mostrar varias diferencias, lo que hizo más efectivo desarrollar y publicar recomendaciones separadas por módulos. En vez de versionar las especificaciones de CSS, la W3C actualmente realiza una captura de las últimas especificaciones estables de CSS.

Introducción a CSS Si eres nuevo en el desarrollo web, asegúrate de leer nuestro artículo de conceptos básicos de CSS para saber qué es CSS y cómo usarlo. Tutoriales CSS Nuestra área de aprendizaje de CSS contiene una gran cantidad de tutoriales que te llevan desde el nivel de principiante hasta el nivel de competencia, cubriendo todos los aspectos fundamentales. Referencia CSS Nuestra exhaustiva referencia de CSS para desarrolladores web experimentados describe cada propiedad y concepto de CSS. Tutoriales Nuestra área de aprendizaje CSS presenta múltiples módulos que enseñan CSS desde cero — no se requieren conocimientos previos. Primeros pasos en CSS CSS es utilizado para diseñar y dar estilo a las páginas web, por ejemplo, alterando la fuente, color, tamaño y espaciado del contenido, dividirlo en múltiples columnas o agregar animaciones y otras características decorativas. Este módulo proporciona un suave comienzo hacia el dominio de CSS con los conceptos básicos acerca de su funcionamiento, la sintaxis y la manera en que puedes comenzar a utilizarlo para agregar estilos al HTML. Bloques de construcción CSS.

Este módulo continúa a partir de donde dejó el módulo de primeros pasos de CSS. Ahora que has adquirido familiaridad con el lenguaje y su sintaxis, y has ganado cierta experiencia básica con su uso, es hora de profundizar un poco más. Este módulo analiza la cascada y la herencia, todos los tipos de selectores que tenemos disponibles, unidades, tamaño, estilo de fondos y bordes, depuración (debugging) y mucho más. El propósito de este módulo es proporcionarte un set de herramientas para escribir CSS competente y ayudarte a entender todas la teoría esencial antes de avanzar hacia cuestiones más específicas como estilo de textos y diseño CSS. Estilo de texto Con los conceptos básicos del lenguaje CSS cubiertos, el siguiente tema de CSS en el que debes concentrarte es dar estilo al texto, una de las cosas más comunes que harás con CSS. Aquí veremos los fundamentos del estilo del texto, incluida la configuración de la fuente, negrita, cursiva, espaciado entre líneas y letras, sombras y otras características del texto. Terminaremos el módulo analizando la aplicación de fuentes personalizadas a tu página y en el estilo de listas y enlaces. Diseño de CSS

En este punto ya hemos analizado los fundamentos de CSS, cómo dar estilo al texto y cómo diseñar y manipular las cajas en las que se encuentra el contenido. Ahora es el momento de ver cómo colocar sus cajas en el lugar correcto en relación con la pantalla del dispositivo y entre sí. Hemos cubierto los requisitos previos necesarios para que ahora puedas profundizar en el diseño de CSS, mirando diferentes configuraciones de pantalla, métodos de diseño tradicionales que implican flotación y posicionamiento, y nuevas herramientas de diseño como flexbox, grid y posicionamiento, así como algunas técnicas de herencia que quizás desees conocer. Uso de CSS para resolver problemas comunes Proporciona enlaces a secciones de contenido que explican cómo usar CSS para resolver problemas muy comunes al crear una página web. Historia de CSS: CSS surgió de la necesidad de separar la estructura y el diseño visual de las páginas web. Antes de su aparición, los estilos se incluían directamente en el código HTML, lo que dificultaba la flexibilidad y mantenibilidad del diseño Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas SGML, alrededor del año 1970. Desde la creación de SGML, se observó la necesidad de definir un mecanismo que permitiera aplicar de forma consistente diferentes estilos a los documentos electrónicos. El gran impulso de los lenguajes de hojas de estilos se produjo con el boom de Internet y el crecimiento exponencial del lenguaje HTML para la creación de documentos electrónicos. La guerra de navegadores y la falta de un estándar para la definición de los estilos dificultaban la creación de documentos con la misma apariencia en diferentes navegadores. El organismo W3C (World Wide Web Consortium), encargado de crear todos los estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico para el lenguaje HTML y se presentaron nueve propuestas. Las dos propuestas que se tuvieron en cuenta fueron la CHSS (Cascading HTML Style Sheets) y la SSP (Stream-based Style Sheet Proposal). La propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por Bert Bos. Entre finales de 1994 y 1995 Lie y Bos se unieron para definir un nuevo lenguaje que tomaba lo mejor de cada propuesta y lo llamaron CSS (Cascading Style Sheets). En 1995, el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo de trabajo de HTML. A finales de 1996, el W3C publicó la primera recomendación oficial, conocida como "CSS nivel 1". A principios de 1997, el W3C decide separar los trabajos del grupo de HTML en tres secciones: el grupo de trabajo de HTML, el grupo de trabajo de DOM y el grupo de trabajo de CSS. El 12 de Mayo de 1998, el grupo de trabajo de CSS publica su segunda recomendación oficial, conocida como "CSS nivel 2". La versión de CSS que utilizan todos los navegadores de hoy en día es CSS 2.1, una revisión de CSS 2 que aún se está elaborando (la última actualización es del 8 de septiembre de 2009). Al mismo tiempo, la siguiente recomendación de CSS, conocida como "CSS nivel 3", continúa en desarrollo desde 1998 y hasta el momento sólo se han publicado borradores. La adopción de CSS por parte de los navegadores ha requerido un largo periodo de tiempo. El mismo año que se publicó CSS 1, Microsoft lanzaba su navegador Internet Explorer 3.0, que disponía de un soporte bastante reducido de CSS. El primer navegador con soporte completo de CSS 1 fue la versión para Mac de Internet Explorer 5, que se publicó en el año 2000. Por el momento, ningún navegador tiene soporte completo de CSS 2.1.

¿Qué es CSS? El CSS (Cascading Style Sheets), en español Hojas de Estilo en Cascada, fue desarrollado por W3C en 1996. Se le denomina Hojas de Estilos en Cascada porque las características se aplican de arriba a abajo mediante reglas que poseen un esquema prioritario. Esta especificación es un lenguaje de diseño gráfico que se escribe dentro del código HTML del sitio web y, permite crear páginas de una manera más exacta y aplicarles estilos (colores, márgenes, formas, tipos de letras, etc.) por lo que se tiene mayor control de los resultados finales. ¿Para qué sirve el CSS? La tecnología CSS está diseñada para marcar la separación del contenido de las páginas web y la forma de presentación de estas. Lo que genera múltiples beneficios, como: • presentar el documento final en diferentes estilos (pantalla, voz, impresión); • tener un sitio web responsivo; • evitar hacer archivos demasiado pesados; • definir el estilo visual de todo un sitio web. Así, si cambiamos una página, cambiarán todas automáticamente; • trabajar con estándares y separar (hasta cierto punto) la estructura de la presentación logrando un trabajo más definido; • provee más flexibilidad y control en las especificaciones del sitio web; • simplifica la creación de la página. ¿Cómo se vinculan el CSS y el HTML? El HTML y CSS tienen una relación muy fuerte entre ellos, ya que el HTML es un lenguaje de marcado (constituye la base de un sitio web) y CSS define el estilo de la página (toda la parte estética). A pesar de que las Hojas de Estilo en Cascada no son imprescindibles, son importantes para darle forma y apariencia a tu página web. Si solo usas HTML tu página se verá desnuda y no destacará entre la competencia. ¿Por qué vale la pena implementar CSS en un sitio web? Las ventajas de utilizar las Hojas de Estilo en Cascada son numerosas, algunas ya te las mencionamos anteriormente y otras te las diremos a continuación: • la posibilidad de hacer modificaciones visuales en un solo lugar (sin tener que editar todos los documentos HTML por separado); • la facilidad de organizar y hacer cambios; • el permitir que las páginas descarguen con mayor rapidez; • mediante la separación se mejora la accesibilidad y escaneabilidad del contenido; • la simplicidad para crear versiones dependiendo de los dispositivos (tablets, teléfonos inteligentes o dispositivos móviles, entre otros), etc. A pesar de que el uso de CSS no parezca tan importante ¡sí lo es! Su ejecución te permite mejorar tus técnicas SEO y de posicionamiento lo que es crucial para una estrategia de Marketing Digital. En Resumen El CSS fue creado para trabajar en conjunto con el HTML. Y debido al concepto que utiliza (la separación de presentación y contenido), la tecnología CSS tiene un estándar muy amplio, con especificaciones, beneficios y posibilidades muy grandes. Hoy en día encontrarás al CSS en la mayoría de páginas web, ya que es un requisito tan importante como el propio lenguaje de marcado, ¡no dejes de implementarlo en tu sitio web! ¿Te gustó el artículo y quieres conocer otros temas interesantes? Entonces, te recomendamos que entres a nuestro blog y descubras qué es el XML y para qué sirve este lenguaje. Cuota

CSS (siglas en inglés de Cascading Style Sheets), en español «Hojas de estilo en cascada», es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado.2 Es muy usado para establecer el diseño visual de los documentos web, e interfaces de usuario escritas en HTML o XHTML; el lenguaje puede ser aplicado a cualquier documento XML, incluyendo XHTML, SVG, XUL, RSS, etcétera. Junto con HTML y JavaScript, CSS es una tecnología usada por muchos sitios web para crear páginas visualmente atractivas, interfaces de usuario para aplicaciones web y GUIs para muchas aplicaciones móviles (como Firefox OS).3 CSS está diseñado principalmente para marcar la separación del contenido del documento y la forma de presentación de este, características tales como las capas o layouts, los colores y las fuentes.4 Esta separación busca mejorar la accesibilidad del documento, proveer más flexibilidad y control en la especificación de características presentacionales, permitir que varios documentos HTML compartan un mismo estilo usando una sola hoja de estilos separada en un archivo .css, y reducir la complejidad y la repetición de código en la estructura del documento. La separación del formato y el contenido hace posible presentar el mismo documento marcado en diferentes estilos para diferentes métodos de renderizado, como en pantalla, en impresión, en voz (mediante un navegador de voz o un lector de pantalla), y dispositivos táctiles basados en el sistema Braille. También se puede mostrar una página web de manera diferente dependiendo del tamaño de la pantalla o tipo de dispositivo. Los lectores pueden especificar una hoja de estilos diferente, como una hoja de estilos CSS guardado en su computadora, para sobreescribir la hoja de estilos del diseñador. La especificación CSS describe un esquema prioritario para determinar qué reglas de estilo se aplican si más de una regla coincide para un elemento en particular. Estas reglas son aplicadas con un sistema llamado de cascada, de modo que las prioridades son calculadas y asignadas a las reglas, así que los resultados son predecibles. La especificación CSS es mantenida por el World Wide Web Consortium (W3C). El MIME type text/css está registrado para su uso por CSS descrito en el RFC 2318.5 El W3C proporciona una herramienta de validación de CSS gratuita para los documentos CSS. Sintaxis[editar] CSS tiene una sintaxis simple y usa un conjunto de palabras clave en inglés para especificar los nombres de varias propiedades de estilo. Una hoja de estilos consiste en una serie de reglas. Cada regla, o conjunto de reglas consisten en uno o más selectores, y un bloque de declaración. Selectores[editar] Artículo principal: Selector CSS Los selectores declaran qué etiquetas se le aplican a los estilos que coincidan con la etiqueta o atributo señalados en la regla. Los selectores pueden aplicarse a: • Todos los elementos de un tipo, como los párrafos

. • Elementos seguidos de un atributo, en particular: o id: identificador, un identificador único para la etiqueta. o class: clase, un identificador para anotar múltiples elementos. Las clases y los identificadores son sensibles a las mayúsculas, comienzan con letras, y pueden incluir caracteres alfanuméricos y guiones bajos. Una clase se aplica a cualquier número de elementos. Un identificador se aplica a un solo elemento. Las pseudoclases son usadas en los selectores CSS para permitir el formateo usando información que no está incluida en el documento. Un ejemplo de una pseudoclase muy usada es :hover, que identifica el contenido que está siendo apuntado por un puntero, como el cursor del ratón. Este nombre se añade al selector, de esta manera: a:hover o #elementid:hover. Una pseudoclase clasifica elementos, como :link o :visited, mientras que un pseudoelemento hace una selección de elementos parciales, como ::first-line o ::first-letter. Los selectores pueden ser combinados de muchas maneras para obtener una mayor flexibilidad y precisión. Múltiples selectores pueden ser unidos en una misma línea para especificar elementos por su ubicación, tipo de elemento, identificador, clase, o cualquier combinación de estos. El orden de los selectores es importante. Por ejemplo, div.myClass {color: red;} aplica a todos los elementos

con la clase myClass, mientras que.myClass div {color: red;} aplica a todos los elementos

que estén dentro de cualquier elemento con la clase myClass. La tabla siguiente proporciona un resumen de la sintaxis de los diversos selectores, indicando su forma de uso y la versión de CSS en la que fueron introducidos

Historia[editar] Håkon Wium Lie, CTO de la compañía Opera Software y cocreador del estándar CSS CSS fue propuesto por primera vez por Håkon Wium Lie el 10 de octubre de 1994.9 Al mismo tiempo, Lie trabajaba con Tim Berners-Lee en el CERN.10 Muchos otros lenguajes de hojas de estilos fueron propuestos al mismo tiempo, y las discusiones en las listas de correo públicas dentro del W3C dieron lugar a la primera Recomendación CSS por el W3C (CSS1)11 en 1996. En particular, la propuesta de Bert Bos fue influyente; él fue el coautor de CSS1 y es reconocido como el cocreador de CSS.12 Las hojas de estilo han existido de una forma u otra desde los comienzos del Standard Generalized Markup Language (SGML) en la década de los 80, y CSS fue desarrollado para proveer hojas de estilos para la web.13 Un requerimiento para un lenguaje de hoja de estilos web era que las hojas de estilo vinieran en diferentes estilos en la web. Por lo tanto, los lenguajes de hojas de estilos existentes como DSSSL y FOSI no fueron adecuados. CSS, por otro lado, permite al documento ser influido por múltiples hojas de estilo por medio de los estilos en «cascada».13 A medida que HTML fue creciendo, llegó a abarcar una amplia variedad de capacidades de diseño para satisfacer las demandas de los diseñadores web. Esta evolución dio al diseñador mayor control sobre la apariencia del sitio, con el costo de un HTML más complejo. Variaciones en las implementaciones de los navegadores web, como ViolaWWW y WorldWideWeb,14 hicieron más difícil la consistencia de la apariencia del sitio web, y los usuarios tenían menos control sobre cómo era mostrado el contenido web. El navegador/editor creado por Tim Berners-Lee tenía hojas de estilos que fueron introducidas dentro del programa. Las hojas de estilos, por lo tanto, no eran enlazadas a los documentos en la web.15 Robert Cailliau, también del CERN, quería separar la estructura de la presentación, de modo que diferentes hojas de estilo podrían describir diferentes presentaciones para impresión, pantallas y editores.14 Mejorar las capacidades de la presentación en la web fue un tema de interés para muchos en las comunidades web, y 9 diferentes lenguajes de hojas de estilos fueron propuestos en la lista de correo www-style.13 De esas nueve propuestas, dos influenciaron profundamente en lo que sería CSS: Cascading HTML Style Sheets9 y Stream-based Style Sheet Proposal (SSP).1216 Dos navegadores fueron usados para pruebas para las propuestas iniciales; Lie trabajó con Yves Lafon para implementar CSS en el navegador Arena creado por Dave Raggett.171819 Bert Bos implementó su propia propuesta SSP en el navegador Argo.12 Desde entonces, Lie y Bos trabajaron juntos para desarrollar el estándar CSS. La 'H' se eliminó del nombre porque estas hojas de estilo pueden ser aplicadas a otros lenguajes de marcado además de HTML.10 La propuesta de Lie fue presentada en la conferencia "Mosaic and the Web" (más tarde llamada WWW2) en Chicago, Illinois en 1994, y de nuevo con Bert Bos en 1995.10 En ese tiempo el W3C ya estaba siendo establecido, y mostraba interés en el desarrollo de CSS. Organizó un taller para ese fin presidido por Steven Pemberton. Esto resultó en que W3C le dio más trabajo sobre CSS a lo resultados del Comité de Revisión Editorial (ERB). Lie y Bos eran el equipo técnico principal en esta parte del proyecto, con participantes adicionales como Thomas Reardon de Microsoft. En agosto de 1996 Netscape Communication Corporation presentó una alternativa de lenguaje de hoja de estilos llamada JavaScript Style Sheets (JSSS).10 La especificación nunca fue finalizada y quedó obsoleta.20 A finales de 1996, CSS estaba listo para ser oficial, y la recomendación CSS 1 fue publicada en diciembre. El desarrollo de HTML, CSS, y DOM había sido realizado en un solo grupo, el HTML Editorial Review Board (ERB). A comienzos de 1997, el ERB fue dividido en tres grupos de trabajo: HTML Working Group, liderado por Dan Connolly del W3C; DOM Working group, liderado por Lauren Wood de SoftQuad; y CSS Working Group, liderado por Chris Lilley del W3C. El grupo de trabajo de CSS comenzó corrigiendo errores que no habían sido revisados en el CSS 1, resultando en la creación de CSS 2, el 4 de noviembre de 1997. Fue publicado como una recomendación el 12 de mayo de 1998. Las adiciones a CSS de allí en adelante, conocidas colectivamente como "CSS3", tomaron un aspecto modular, desarrollándose cada función de forma independiente. En 2005 el grupo de trabajo de CSS decidió mejorar los requerimientos de los estándares de forma más estricta. Esto significó que los estándares ya publicados como CSS 2.1, CSS3 Selectors y CSS3 Text fueron retrocedidos del estado "Recomendaciones candidatas" a "Borrador de trabajo". Niveles[editar] CSS Snapshot 2021

CSS se ha creado en varios niveles y perfiles. Cada nivel de CSS se construye sobre el anterior, generalmente añadiendo funciones al nivel previo. Los perfiles son, generalmente, parte de uno o varios niveles de CSS definidos para un dispositivo o interfaz particular. Actualmente, pueden usarse perfiles para dispositivos móviles, impresoras o televisiones. CSS1[editar] La primera especificación oficial de CSS, recomendada por la W3C fue CSS1, publicada en diciembre de 1995,21 y abandonada en abril de 2008.21 Algunas de las funcionalidades que ofrece son: • Propiedades de las fuentes, como tipo, tamaño, énfasis... • Color de texto, fondos, bordes u otros elementos. • Atributos del texto, como espaciado entre palabras, letras, líneas, etcétera. • Alineación de textos, imágenes, tablas u otros. • Propiedades de caja, como margen, borde, relleno o espaciado. • Propiedades de identificación y presentación de listas. CSS2[editar] La especificación CSS2 fue desarrollada por la W3C y publicada como recomendación en mayo de 1998, y abandonada en abril de 2008.22 Como ampliación de CSS1, se ofrecieron, entre otras: • Las funcionalidades propias de las capas (

) como de posicionamiento relativo/absoluto/fijo, niveles (z-index), etcétera. • El concepto de "media types". • Soporte para las hojas de estilo auditivas. • Texto bidireccional, sombras, etcétera. CSS 2.1[editar] La primera revisión de CSS2, usualmente conocida como "CSS 2.1", corrige algunos errores encontrados en CSS2, elimina funcionalidades poco soportadas o inoperables en los navegadores y añade alguna nueva especificación. De acuerdo al sistema de estandarización técnica de las especificaciones, CSS2.1 tuvo el estado de "candidato" (candidate recommendation) durante varios años,23 pero la propuesta fue rechazada en junio de 2005. En junio de 2007 fue propuesta una nueva versión candidata, y está actualizada en 2009, pero en diciembre de 2010 fue nuevamente rechazada. En abril de 2011, CSS 2.1 volvió a ser propuesta como candidata,24 y después de ser revisada por el W3C Advisory Committee, fue finalmente publicada como recomendación oficial el 7 de junio de 2011.25 CSS3[editar] A diferencia de CSS2, que fue una única especificación que definía varias funcionalidades, CSS3 está dividida en varios documentos separados, llamados "módulos". Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para mantener la compatibilidad. Los trabajos en el CSS3, comenzaron a la vez que se publicó la recomendación oficial de CSS2, y los primeros borradores de CSS3 fueron liberados en junio de 1999.26 Debido a la modularización del CSS3, diferentes módulos pueden encontrarse en diferentes estados de su desarrollo,27 de forma que a fechas de noviembre de 2011, hay alrededor de cincuenta módulos publicados,26 tres de ellos se convirtieron en recomendaciones oficiales de la W3C en 2011: "Selectores", "Espacios de nombres" y "Color". Algunos módulos, como "Fondos y colores", "Consultas de medios" o "Diseños multicolumna" están en fase de "candidatos", y considerados como razonablemente estables, a finales de 2011, y sus implementaciones en los diferentes navegadores son señaladas con los prefijos del motor del mismo.28 CSS4[editar] No existe una especificación integrada de CSS4, ya que la especificación ha sido dividida en diversos módulos separados que manejan niveles de forma independiente. Módulos que edificaban sobre cosas del CSS Nivel 2 iniciaron en Nivel 3. Algunas de ellas han alcanzado el Nivel 4 o incluso están acercándose al Nivel 5. Otros módulos que definen funcionalidad completamente nueva, como Flexbox, han sido designados como Nivel 1 y algunos de ellos se aproximan al nivel 2. El CSS Working Group a veces publica "snapshots", que son una colección de módulos enteros y partes de otros borradores que son considerados suficientemente estables para ser implementados por desarrolladores de navegadores web. Hasta el momento, cinco de aquellos documentos de "mejores prácticas actuales" han sido publicados como Notas, en 2007, 2010, 2015, 2017, y 2018. Dado que estas especificaciones son entendidas para desarrolladores, ha habido una creciente demanda por documentos de referencia similares pero dirigidos a autores, lo cual presentaría el estado de las implementaciones interoperables mientras se documenta por sitios web como "Can I Use..." y los MDN Web Docs. Un grupo llamado el W3C Community Group ha sido establecido a inicios de 2020 a fin de discutir y definir dichos recursos. El tipo actual de versionado es también sujeto a debate, lo cual significa que el documento, una vez producido, podría no llamarse "CSS4". Soporte por los navegadores web[editar] Cada navegador web utiliza un motor de renderizado para visualizar páginas web, y el soporte de CSS no es exactamente igual en todos los motores de renderizado. Dado que los navegadores no aplican el CSS de manera uniforme, se ha desarrollado muchas técnicas de programación específicas para un navegador en particular (comúnmente conocida como CSS hacks o CSS filters). La adopción de nuevas funcionalidades en CSS son obstaculizadas por la ausencia de soporte en los navegadores más populares. Por ejemplo, Internet Explorer ha sido lento para añadir soporte para algunas características de CSS3, lo que ha dificultado la adopción de estas características, y ha dañado la reputación del navegador entre los desarrolladores.2930 Para garantizar una experiencia consistente para sus usuarios, los desarrolladores web a menudo prueban sus sitios en múltiples navegadores, sistemas operativos y versiones de navegadores, lo que incrementa el tiempo de desarrollo y la complejidad. Se ha desarrollado varias herramientas, como BrowserStack, para reducir la complejidad en el mantenimiento de las páginas web.

Además de las herramientas de prueba mencionadas, muchos sitios web mantienen listas del soporte de navegadores para propiedades específicas de CSS, incluyendo recursos como CanIUse y Mozilla Developer Network. Además, CSS3 define muchas consultas, entre las cuales se incluye la directiva @supports que permite a los desarrolladores especificar directamente en el CSS qué navegadores admiten una función específica.31 El código CSS que no es compatible con versiones antiguas de un navegador, generalmente se proporciona mediante polyfills en JavaScript. Estos métodos añaden complejidad a los proyectos de desarrollo y, en consecuencia, las compañías frecuentemente definen una lista de las diferentes versiones de navegadores que son compatibles y las que no lo son. Como los sitios web adoptan nuevas normas del código que son incompatibles con los navegadores más antiguos, a estos navegadores se les restringe el acceso a muchos de los recursos en la web, a veces de manera intencional. Muchos de los sitios más populares en Internet no solo tienen un aspecto visual deficiente en los navegadores antiguos a causa de la mala compatibilidad con CSS, sino que tampoco funcionan en absoluto, en gran parte debido a la evolución de JavaScript y otras tecnologías web.32