Para conocer con detalle el lenguaje CSS, recomendamos la guía de librosweb: Introducción a CSS. En ella, podremos ver una descripción y uso de selectores, que nos permitirá seleccionar elementos HTML para aplicarles el formato o estilo. Si necesitamos una guía de referencia de CSS, W3schools nos ofrece una gui que nos será de gran ayuda. Incluye la posibilidad de probar en línea nuestro código.

css3

Sobre la estructura y layout de un documento web, conviene recordar los estándares existentes para maquetación (layout) web como son el sistema 960 Grid System o las opciones para diseñar más alla de 960.

El diseño responsive permite adaptar nuestro diseño a la visualización en distintos dispositivos. Para ello, existen distintas aproximaciones como son:

  • Adaptarse al ancho.
  • Cascada de columnas.
  • Reestructuración.
  • Cambio de diseño visual.

Para tener una estructura adaptable, conceptos como Viewport y @media queries son imprescindibles.