Lenguaje CSS - CSS en español - Lenguaje CSS

Hojas de estilo

Lenguaje CSS

Lenguaje de hojas de estilos utilizado en el diseño web para dotar de aspecto visual a una página web.

Introducción a CSS

¿Qué es CSS? Lenguaje de estilos para dotar de aspecto visual

¿Cómo usar CSS? Formas de aplicar CSS a una página web

Estructura de CSS Sintaxis inicial para escribir código CSS

Minificar CSS Compactar archivos CSS y borrar carácteres prescindibles

Navegadores web Navegadores web, motores y sus diferencias

Niveles de CSS y prefijos Cómo se estructuran las versiones (niveles) de CSS

Herencia en CSS La herencia o sobreescritura de propiedades en CSS

Cascada en CSS La cascada de CSS: Importancia, Especificidad y Orden

Variables CSS CSS Custom Properties: Variables nativas de CSS

La guía de propiedades CSS Guía «telefónica» de propiedades CSS

Modelo de cajas

Unidades CSS Conoce las unidades para indicar tamaños o distancias

Modelo de cajas Modelo de cajas: Márgen, borde, relleno y contenido

Márgenes y rellenos Las propiedades margin, padding y relacionadas

Bordes CSS Características de los bordes de los elementos

Esquinas redondeadas La propiedad border-radius para redondear esquinas

Propiedades lógicas CSS Propiedades lógicas para reemplazar el modelo de cajas

Bordes con imágenes La técnica 9-slice para crear bordes con imágenes

Funciones CSS Funciones CSS para calcular cantidades específicas

Colores, fondos e imágenes

Colores CSS Formas y métodos para representar colores en CSS

Fondos en CSS Formas de establecer imágenes de fondo en CSS

Gradientes lineales La función linear-gradient() de CSS

Gradientes radiales La función radial-gradient() de CSS

Gradientes cónicos La función conic-gradient() de CSS

Imágenes y Objetos Propiedades para modificar objetos e imágenes

Selectores CSS

Selectores CSS básicos Formas básicas de seleccionar elementos (clases, ids, etc...)

Selectores CSS avanzados Formas de seleccionar elementos por sus relaciones

Pseudoclases CSS Formas de seleccionar elementos por comportamiento

Pseudoclases CSS avanzadas Formas de seleccionar elementos por su estructura

Pseudoelementos CSS Formas de seleccionar aspectos inexistentes en el HTML

Atributos CSS Formas de seleccionar elementos según sus atributos

Reglas CSS

¿Qué son las reglas CSS? Reglas CSS, precedidas por el carácter @

La regla @import Regla para incluir CSS externo de otros archivos

La regla @layer Crear capas CSS con código independiente

La regla @supports Crear reglas condicionales y fallbacks en CSS

Fuentes y tipografías

Tipografías CSS Bases de las tipografías y fuentes en CSS

Tipografías externas Utilizar tipografías externas (no instaladas)

Fuentes variables CSS Tipografías con pesos variables en un solo archivo

Textos y alineaciones Propiedades CSS para alinear o aplicar a textos

Propiedades avanzadas Otras propiedades CSS avanzadas para tipografías

Características personalizadas Activar características especiales en tipografías

Representación de datos

Tablas CSS Dar estilos a tablas HTML

Listas CSS Dar estilo a listas HTML

Contadores CSS CSS Counters: Contando con CSS

Maquetación y colocación

Tipos de elementos Conceptos fundamentales de los elementos HTML

La propiedad position Formas especiales de colocar o posicionar elementos

Desplazamientos La propiedad float para desplazar elementos

Flexbox CSS Modelo de cajas flexibles (flex)

Grid CSS Cuadrículas, grillas o rejillas

Interacciones

Contornos Resaltado de contorno para propósitos de accesibilidad

Cursor del ratón Formas de personalizar el cursor del ratón del usuario

Scroll y Overflow Suavizar efecto de scroll

CSS Snap Scroll Ajuste de scroll

Sombras

Sombras CSS en textos La propiedad text-shadow

Sombras CSS en cajas La propiedad box-shadow

Sombras idénticas CSS La función drop-shadow() de la propiedad filter

Efectos

Filtros CSS Aplicación de filtros para modificaciones visuales

Modos de fusión CSS Mecanismos para fusionar y mezclar elementos

La propiedad clip-path Diferentes formas de realizar recortes mediante CSS

Responsive Web Design

¿Qué es Responsive Design? Crear diseños adaptables a dispositivos móviles

Bases del Responsive Design Conceptos y características a conocer del RWD

Media Queries Reglas especiales para establecer excepciones en CSS

Medios impresos Media queries para adaptar contenido a impresiones

Medios paginados Media queries para adaptar contenido a páginas

Preferencias de usuario Detectar preferencias del usuario en su sistema operativo

Animaciones CSS

Transiciones CSS Suavizar cambios de estilo en interacciones del usuario

Funciones de tiempo Cambiando el ritmo con propiedades *-timing-function

Animaciones CSS Propiedades para crear animaciones en CSS

La regla @keyframes Crear fotogramas clave de una animación

Transformaciones CSS

Transformaciones CSS La propiedad transform de CSS

Translaciones 2D Trasladar: La función CSS translate()

Rotaciones 2D Rotaciones: La función CSS rotate()

Escalado 2D Reescalar: La función CSS scale()

Deformaciones 2D Las funciones CSS skewX() y skewY()

Transformaciones 3D Funciones de transformación en 3D

Perspectivas CSS Establecer punto de fuga para perspectivas en CSS