Guias CSS

Esta página lista los módulos CSS, los cuales reflejan cómo las especificaciones CSS están estructuradas. Cada módulo provee una descripción general de la especificación, enlista las características que provee (como propiedades, reglas y tipos de datos), y muestra cómo se relacionan a otras partes de CSS y la plataforma web. Puedes usar las páginas de los módulos como punto de partida para navegar a través de las guías relacionadas, y profundizar más en la documentación de características específicas.

Para acceder a las guías individuales de cada módulo, haz clic en el nombre del módulo en la siguiente lista para visitar la página de dicho módulo, o utiliza la barra lateral para navegar directamente a un tema y descubre todas las guías relacionadas.

Animaciones CSS

El módulo Animaciones CSS le permite animar los valores de las propiedades CSS, como la posición del fondo y transformaciones, a lo largo del tiempo mediante el uso de fotogramas clave. Cada fotograma clave describe cómo debe renderizarse el elemento animado en un momento dado durante la secuencia de animación. Puede usar las propiedades en el módulo de animaciones para controlar la duración, el número de repeticiones, el inicio retrasado y otros aspectos de una animación.

Columnas CSS

Columnas CSS es un módulo de CSS que define un diseño multicolumna, permitiendo indicar cómo debe fluir el contenido a través de las columnas y cómo manejar reglas y separaciones.

CSS Colors

Los colores CSS son un módulo de CSS que trabaja con colores, tipos de colores y transparencias.

CSS Containment

El objetivo de la especificación CSS Containment es mejorar el rendimiento de las páginas web, permitiendo a los desarrolladores aislar un subárbol del resto de la página. Si el navegador sabe si una parte de la página es independiente, se puede optimizar la renderización y el rendimiento mejora. La especificación define una única propiedad CSS contain. Este documento relata los objetivos básicos de la especificación.

CSS Fonts

CSS Fonts es el modulo CSS que define todo lo relacionado con los recursos tipográficos, sus propiedades y como son cargados. Permite definir el estilo de una fuente, su familia tipográfica, tamaño o peso, y las variantes que puede tener la fuente. También permite definir la altura de una línea.

CSS Grid Layout

CSS Grid layout contiene funciones de diseño dirigidas a los desarrolladores de aplicaciones web. El CSS grid se puede utilizar para lograr muchos diseños diferentes. También se destaca por permitir dividir una página en áreas o regiones principales, por definir la relación en términos de tamaño, posición y capas entre partes de un control construido a partir de primitivas HTML.

CSS Motion Path

Motion Path es un módulo CSS que permite animar cualquier objeto gráfico a lo largo de una ruta personalizada.

CSS Reglas Condicionales

Las Reglas Condicionales (At-rules) es un módulo de CSS que permite definir un conjunto de reglas que solo aplicarán con base en las capacidades del procesador o del documento al cual la hoja de estilos está siendo aplicada.

CSS Transitions

Transiciones CSS es un módulo de CSS que define cómo crear transiciones suaves entre diferentes valores de las propiedades CSS. Permite tanto crearlas como definir su evolución usando funciones relacionadas con el tiempo.

CSS Writing Modes

CSS Writing Modes es un modulo CSS que define varios modos internacionales de escritura, como izquierda-derecha (e.g. usado por Latin y textos Indic), de derecha-zquierda (e.g. usado por textos Hebreos o Árabes), bidireccional (usado cuando se mezcla izquierda-derecha y derecha-izquierda) y vertical (e.g. usado por algunos textos Asiaticos).

Diseño de caja flexible CSS

El diseño CSS Flexbox es un módulo de CSS que define un modelo de caja, optimizado para el diseño de interfaces de usuario. En el diseño flex, los nodos hijo se pueden distribuir en dirección vertical u horizontal y se pueden "flexibilizar" sus tamaños, bien sea rellenando el espacio disponible o encogiéndose para evitar salirse del contorno del nodo padre. Se puede manipular fácilmente tanto la alineación horizontal como la vertical, de los nodos hijo. La anidación de estas cajas (horizontal dentro de vertical o vertical dentro de horizontal) se puede usar para construir diseños en dos dimensiones.

Fondos y bordes CSS

El módulo Fondos y bordes CSS proporciona propiedades para agregar bordes, esquinas redondeadas y sombras de caja a los elementos.

Media queries

Las consultas de medios le permiten adaptar su sitio o aplicación dependiendo de la presencia o el valor de varias características y parámetros del dispositivo.

Modelo de Caja de CSS

El modelo de caja CSS es un módulo CSS que define cajas rectangulares, incluyendo sus rellenos y márgenes, que son generadas para los elementos y que se disponen de acuerdo al modelo de formato visual.

Posicionamiento CSS

Posicionamiento CSS es un módulo de CSS que define cómo posicionar elementos absoluta y relativamente en la página.

Propiedades y Valores Lógicos de CSS

CSS Logical Properties (las propiedades lógicas en CSS) son un módulo de CSS que introduce propiedades y valores lógicos, proporcionando la capacidad de controlar el diseño de forma lógica en vez de la asignación de dimensiones físicas de dirección y dimensión.

Selectores CSS

Los selectores definen sobre qué elementos se aplicará un conjunto de reglas CSS.

Shadow parts de CSS

El módulo shadow parts de CSS define el pseudoelemento ::part que se puede establecer en un shadow host. Al usar este pseudoelemento, puedes habilitar shadow hosts para exponer el elemento seleccionado en el shadow tree al exterior de la página para poder estilarlo.

Texto CSS

Texto CSS es el módulo de CSS que define cómo realizar la manipulación de elementos de texto como los saltos de línea, la justificación, la alineación, la gestión de espacios en blanco y las transformaciones de texto.

Transformaciones CSS

El módulo Transformaciones CSS define cómo los elementos diseñados con CSS se pueden transformar en un espacio bidimensional o tridimensional.

Valores y Unidades de CSS

Cada declaración CSS, consiste en un par propiedad/valor. El valor puede tomar varias formas dependiendo de la propiedad, como puede ser un solo entero, una palabra clave, una función o una combinación de elementos diferentes; algunos valores tienen unidades, mientras que otros no. Cada propiedad acepta también los valores de todo CSS. El módulo de valores y unidades, define los tipos de datos - valores y unidades - que las propiedades CSS aceptan. Este módulo también define la sintaxis de valores CSS, o la gramática formal usada para definir un conjunto de valores válidos para cada propiedad y función CSS.