CSS
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.
Avanza en esta página:
Aprende CSS
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.
Lo último en diseño de CSS y IU
Aprende, ahora mismo, las últimas sugerencias y técnicas para usar en tu trabajo.
Modelo de referencia Nuevas funciones disponibles en CSS
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.
Explora los patrones de CSS
Consulta algunos de nuestros patrones de CSS que puedes usar para crear rápidamente diseños, animaciones y temas para tus páginas web.
CSS y rendimiento
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.
CSS y accesibilidad
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.
The CSS Podcast
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
¿Es la primera vez que usas CSS?
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.
Lo último en diseño de IU y CSS
Aprende, ahora mismo, las últimas sugerencias y técnicas para usar en tu trabajo.
Adaptar la tipografía a las preferencias del usuario mediante CSS
Adapta una fuente a las preferencias de tus usuarios para que se sientan lo más cómodos posible cuando lean tu contenido.
Nuevos espacios de color y funciones CSS en todos los motores principales
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.
¿Qué son los mapas de origen?
Mejora la experiencia de depuración web con mapas de origen.
Subcuadrícula CSS
La subred ahora es interoperable en los tres motores principales. Descubre cómo usarlo.
Funciones de CSS disponibles recientemente del modelo de referencia
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.
@starting-style
@starting-style pasó a estar disponible como Baseline en agosto de 2024.
font-size-adjust
font-size-adjust se convirtió en el modelo de referencia disponible en julio de 2024.
@property
@property se convirtió en el modelo de referencia disponible en julio de 2024.
light-dark()
light-dark() se convirtió en el modelo de referencia disponible en mayo de 2024.
align-content en el diseño de bloques
El diseño de bloque
align-content se convirtió en el diseño de Baseline, que está disponible desde abril de 2024.
Propiedades offset-position y offset-path de CSS
Los valores
offset-position y offset-path pasaron a estar disponible en el modelo de referencia desde enero de 2024.
Explora los patrones de CSS
Consulta algunos de nuestros patrones de CSS que puedes usar para crear rápidamente diseños, animaciones y temas para tus páginas web.
Diseño
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.
Animación
Técnicas de animación creadas con CSS o JavaScript, con consideraciones para la accesibilidad y las preferencias del usuario
Temas
Técnicas para ayudar a gestionar el color en todos tus proyectos.
CSS y rendimiento
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.
Reduce el alcance y la complejidad de los cálculos de estilo
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.
content-visibility: Es una propiedad CSS que mejora el rendimiento de la renderización.
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.
CSS para Métricas 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.
De qué manera los tamaños grandes de DOM afectan la interactividad y qué puedes hacer al respecto
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.
CSS y accesibilidad
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.
Elementos táctiles accesibles
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.
Accesibilidad de color y contraste
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.
Diseño adaptable accesible
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.
Reordenamiento de contenido
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.
El podcast de CSS
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.