CSS: selectores, cascada y modelo de caja
Esta presentación es de pantalla ancha
Sus láminas están pensadas para pantallas anchas (Escritorio o Laptop). Girando el teléfono o a pantalla completa se ven como se diseñaron; aquí mismo se leen recompuestas en una columna.
Si el teléfono no gira solo, quita el bloqueo de rotación y ponlo de lado.
Índice de contenido
- PortadaLámina 01
- Dónde encaja esta sesiónLámina 02
- Objetivos de la sesiónLámina 03
- ¿Qué es CSS?Lámina 04
- Estructura y presentaciónLámina 05
- Anatomía de una reglaLámina 06
- Tres formas de aplicar CSSLámina 07
- Laboratorio: la hoja en vivoLámina 08
- Qué hace un selectorLámina 09
- Tipo, clase e identificadorLámina 10
- A quién alcanza cada selectorLámina 11
- CombinadoresLámina 12
- Pseudoclases y pseudoelementosLámina 13
- Cómo nombrar las clasesLámina 14
- De dónde salen los estilosLámina 15
- El orden de apariciónLámina 16
- Cómo se mide la especificidadLámina 17
- Qué regla ganaLámina 18
- HerenciaLámina 19
- El orden completo de decisiónLámina 20
- El modelo de cajaLámina 21
- La caja, con valoresLámina 22
- Display y el flujo normalLámina 23
- Unidades de medidaLámina 24
- Color y variablesLámina 25
- TipografíaLámina 26
- Catálogo de propiedadesLámina 27
- Hoja base de estilosLámina 28
- Laboratorio: el portafolioLámina 29
- Errores frecuentesLámina 30
- Las herramientas del navegadorLámina 31
- Actividad de aprendizajeLámina 32
- Fuentes de consultaLámina 33
- CierreLámina 34
Contenido relacionado
Otras piezas del Aula para seguir.
Código y webAntecedentes y terminología de Internet
Qué es la red, de dónde viene y con qué vocabulario se habla de ella.
Luis E. Maldonado Gil27 láminas
Código y webCódigo HTML: etiquetas y atributos
La estructura de un documento y el significado de cada etiqueta.
Luis E. Maldonado Gil30 láminas
Código y webMaquetación: Flexbox, Grid y diseño adaptable
Dónde se coloca cada bloque y cómo se reacomoda todo cuando la pantalla cambia de tamaño.
Luis E. Maldonado Gil31 láminas