CSS — Ejercicios

Programación en Ambientes de Redes · Juan Moyano

← Volver al índice principal

Parte 1

  1. Estilos en el header (h1 y p con <style>)
  2. Selectores de clase y de id
  3. Hoja de estilos en archivo externo (.css)
  4. Tamaño de fuente responsivo con @media
  5. Fondo fijo con background-attachment
  6. Centrado y padding con box-sizing
  7. Cajas apiladas con gradientes y @media
  8. Cajas en fila con sombras (box-shadow)
  9. Encolumnado sin tablas (column-count)
  10. Pseudoclases: pestañas y galería con :hover/:target

Parte 2

  1. Posicionamiento relativo y ventana modal fija
  2. Posicionamiento absoluto con transform
  3. Centrado vertical y horizontal con flexbox
  4. Menú desplegable con listas anidadas
  5. Formulario responsivo en grilla con @media
  6. Tabla responsiva con atributos personalizados
  7. Maquetación básica: header, nav, main y footer

El tamaño base es 32px = 1em. Los li tienen 0.5em (16px efectivos).