CSS es la capa de presentación de la Web. Te permite aplicar diseño al código HTML para ayudarte a lograr los objetivos de diseño que tienes en mente para tu sitio web. Aquí encontrarás una variedad de colecciones de contenido, cursos, patrones y vínculos a otros artículos útiles que te guiarán en tu recorrido para aprender a usar CSS y hacer que tus páginas web se vean como las imaginaste.
Si es la primera vez que usas CSS, no te preocupes. En nuestro curso Aprende CSS, se te guiará por los aspectos básicos del funcionamiento del CSS.
Aprende, ahora mismo, las últimas sugerencias y técnicas para usar en tu trabajo.
Obtén información sobre las funciones de CSS más recientes que están disponibles en Baseline: Novedad disponible en los principales motores de navegadores.
Consulta algunos de nuestros patrones de CSS que puedes usar para crear rápidamente diseños, animaciones y temas para tus páginas web.
Cuando se trata de la velocidad de la página, el CSS es uno de los aspectos en los que debes pensar. Estas guías pueden ayudarte a abordar problemas de rendimiento comunes relacionados con el uso del CSS.
La manera en que usas CSS puede afectar la accesibilidad de tus aplicaciones web. Estas guías pueden ayudarte a asegurarte de usar CSS de una manera que haga que tus aplicaciones web sean más fáciles de usar para más personas.
Desde la accesibilidad hasta el índice z, el CSS Podcast es una excelente manera de obtener más información sobre CSS de algunos de los expertos más destacados de la industria.
CURSO

Si es la primera vez que usas CSS, no te preocupes. Nuestro curso Aprende CSS te guía a través de los conceptos básicos del funcionamiento de CSS, comenzando con los selectores, las propiedades, los valores, los principios básicos de diseño y cómo aplicarlos a tus páginas web.

Aprende, ahora mismo, las últimas sugerencias y técnicas para usar en tu trabajo.
Adapta una fuente a las preferencias de tus usuarios para que se sientan lo más cómodos posible cuando lean tu contenido.
Todos los motores principales ahora admiten los nuevos espacios de color y funciones de CSS. Descubre cómo pueden aportar vitalidad a tus diseños.
Mejora la experiencia de depuración web con mapas de origen.
La subred ahora es interoperable en los tres motores principales. Descubre cómo usarlo.

Los indicadores de Baseline les indican a los desarrolladores web cuándo las funciones de la plataforma web se pueden usar de forma segura en todos los motores de navegador principales. A continuación, se incluyen algunas funciones de CSS que ahora están disponibles en Baseline.

scrollbar-gutter pasó a ser el modelo de referencia. Está disponible desde diciembre de 2024.
::target-text se convirtió en Baseline. Disponible de forma nueva en diciembre de 2024.
ruby-align pasó a ser el modelo de referencia y está disponible desde diciembre de 2024.
ruby-position pasó a ser el modelo de referencia. Está disponible desde diciembre de 2024.
La sintaxis de color relativa de CSS se convirtió en el modelo de referencia disponible en septiembre de 2024.
content-visibility se convirtió en el modelo de referencia disponible en septiembre de 2024.
CSS @starting-style pasó a ser Baseline y está disponible desde agosto de 2024.
font-size-adjust pasó a ser el modelo de referencia y está disponible desde julio de 2024.
La propiedad @de CSS se convirtió en el modelo de referencia disponible en julio de 2024.
light-dark() pasó a ser el modelo de referencia disponible en mayo de 2024.
align-content en el diseño de bloque se convirtió en el modelo de referencia. Se lanzó en abril de 2024.
Los valores de offset-position y offset-path pasaron a estar disponibles como modelo de referencia nuevo en enero de 2024.

Consulta algunos de nuestros patrones de CSS que puedes usar para crear rápidamente diseños, animaciones y temas para tus páginas web.

Patrones de diseño creados con APIs de CSS modernas que te ayudan a compilar interfaces comunes, como tarjetas, áreas de cuadrícula dinámicas y diseños de página completa.
Técnicas de animación creadas con CSS o JavaScript, con consideraciones para la accesibilidad y las preferencias del usuario
Técnicas para ayudar a gestionar el color en todos tus proyectos.
El CSS es responsable de gran parte del trabajo de renderización que se realiza en una página, lo que es un factor en la velocidad con la que aparece una página y responde a las interacciones del usuario. Estas guías pueden ayudarte a escribir CSS teniendo en cuenta la velocidad de la página.
El recálculo de estilos es un proceso en el que se aplican reglas de CSS al DOM, y los selectores demasiado complejos pueden causar problemas de rendimiento. Lee esta guía para descubrir cómo puedes optimizar tus selectores para mejorar el rendimiento.
La propiedad content-visibility se puede usar para aplazar la renderización de partes de una página hasta que se necesiten. En esta guía, se muestra cómo puedes usar esta propiedad para mejorar el rendimiento de renderización de tu aplicación web.
La forma en que escribes tus estilos puede tener un impacto significativo en las Métricas web esenciales. Lee esta guía para descubrir cómo puedes ajustar el CSS de tu aplicación web y mejorar su rendimiento.
Los tamaños grandes de DOM pueden activar operaciones de renderización largas, lo que puede afectar la capacidad de respuesta de tu aplicación web a las entradas del usuario. Consulta esta guía para ver cómo puedes mantener los tamaños del DOM más pequeños y mejorar el rendimiento.
Desde el contraste de color hasta el diseño adaptable, CSS tiene un impacto definido en el grado de usabilidad de tus aplicaciones web para todos los usuarios. Lee estas guías para ampliar tus conocimientos sobre CSS y compilar aplicaciones web que más personas puedan usar.
Para aplicar diseño a los elementos interactivos de las páginas de forma accesible, debes tener en cuenta el tamaño y el espaciado de los elementos para que sean más fáciles de usar. Lee estos lineamientos para compilar aplicaciones web que sean más fáciles de navegar para los usuarios.
El contraste de color es un aspecto importante del diseño que permite a los usuarios leer más fácilmente tu contenido. Esta guía puede ayudarte a crear aplicaciones web atractivas que enfaticen la legibilidad y la usabilidad.
Sabemos que es una buena idea diseñar de forma responsiva para brindar la mejor experiencia multidispositivo, pero el diseño adaptable también genera un logro para la accesibilidad.
El orden del contenido en tu documento es importante para la accesibilidad de tu sitio, y es posible que el CSS que uses pueda afectar la accesibilidad. En esta guía, encontrarás todo lo que necesitas saber para usar CSS y reordenar el orden visual del contenido de tus páginas.

CSS es el lenguaje de diseño principal de la Web. Para los desarrolladores web, es una de las tecnologías más rápidas para comenzar, pero una de las más difíciles de dominar. Sigue a Una Kravets y Adam Argyle, defensores de desarrolladores de Google, que desglosan con gusto los aspectos complejos del CSS en episodios fáciles de entender que abarcan desde la accesibilidad hasta el índice z.