CSS
Selectores Básicos
Selectores de elementos
Selectores de clase (.clase)
Selectores de ID (#id)
Selectores de atributo
Selectores universales y combinados
Propiedades Básicas de CSS
Color (color, background-color)
Fuente (font-family, font-size, font-weight)
Texto (text-align, text-decoration, text-transform)
Espaciado (margin, padding)
Tamaño (width, height)
Modelo de Caja (Box Model)
Concepto del modelo de caja
Margin, Border, Padding y Content
Ajustes de caja (box-sizing)
Diseño y Layouts Básicos
Posicionamiento (static, relative, absolute, fixed, sticky)
Float y Clear
Layout de múltiples columnas
Diseño con Flexbox
Conceptos básicos de Flexbox
Propiedades del contenedor (display: flex, flex-direction, justify-content, align-items)
Propiedades de los ítems (flex-grow, flex-shrink, flex-basis, align-self)
Diseño con Grid Layout
Conceptos básicos de Grid
Propiedades del contenedor (display: grid, grid-template-columns, grid-template-rows)
Propiedades de los ítems (grid-column, grid-row, grid-area)
Funciones avanzadas (fr, minmax, auto-fit, auto-fill)
Estilización de Formularios
Estilos para elementos de formulario (input, textarea, select)
Pseudo-clases y pseudo-elementos (::placeholder, :focus, :hover)
Estilos para validación de formularios
Diseño Responsivo
Conceptos de diseño responsivo
Medios de consulta (media queries)
Unidades relativas y absolutas (%, em, rem, vw, vh)
Imágenes y medios responsivos
Transiciones y Animaciones
Transiciones básicas (transition)
Animaciones clave (keyframes)
Propiedades de animación (animation, animation-timing-function, animation-delay)
Optimización y Buenas Prácticas
Organización y estructura de CSS
Técnicas de optimización (minificación, compresión)
Uso de herramientas y frameworks (Bootstrap, Tailwind CSS)
CSS Avanzado
Variables CSS (custom properties)
Funciones CSS avanzadas (calc(), var(), clamp())
Aspectos avanzados del diseño de interfaces (clip-path, grid-template-areas, custom properties)
Material de apoyo recomendado
Objetivo del capítulo:
Chorrocientos pituto ubicatex huevo duro bolsero cachureo el hoyo del queque en cana huevón el año del loly.