Tutorial CSS

Aprende a decidir cómo se visualizarán tus páginas web

¿Te gustaría dominar tus páginas web para que se vean como realmente quieres?

Deja de dar vueltas por internet buscando parches y aprende las bases del diseño web con este tutorial CSS.

El temario es súper extenso y nunca terminas de aprender CSS del todo. Hay algunos contenidos todavía no terminados y que iré completando sin prisa pero sin pausa. He dividido el tutorial en diversas secciones.

Tabla de contenidos

Los apuntes, resúmenes de clase, chuletas y ejercicios que encontrarás están pensados para los alumnos del curso IFCD0110 de confección y publicación de páginas web. Pero te sirven aunque no lo curses.

Antes de leer este tutorial es conveniente que estés familiarizado con el html.

CSS indispensable

CSS nivel intermedio

CSS en profundidad

Ejemplos de menús desplegables con CSS

¿Cómo maquetar web mediante sistema de n columnas?

Contenidos en negro todavía no desarrollados. Próximamente…

  1. La rejilla y la industria editorial. ¿4, 8, 9, 12, 16, 24 columnas?
  2. Conceptos para hacer web responsive.
  3. Crea tu propia rejilla.
  4. La hoja de estilos reset.css
  1. El manual de estilos.
  2. Entender la rejilla de Bootstrap.
  3. Crea tu propio Framework.
  4. Ejemplos de maquetación web con rejilla.

Tutorial Flexbox

Contenidos en negro todavía no desarrollados. Próximamente…

  1. ¿Por qué flexbox está teniendo tanto éxito?
  2. Resumen de propiedades flexbox
  3. Contenedores flexbox encapsulados
  4. Maquetación simple con flexbox
  1. Ejemplos de maquetación simple con flexbox
  2. Maquetación responsive con flexbox
  3. Ejemplos de maquetación responsive con flexbox

Tutorial Grid

Contenidos en negro todavía no desarrollados. Próximamente…

  1. Introducción a grid
  2. Crear una rejilla con grid
  3. Primer layout con grid
  4. Primer layout responsive con grid
  1. Posicionar ítems en un grid
  2. Grids encapsulados
  3. Posicionamiento dentro de un grid

Otros contenidos CSS del blog

Ejercicios CSS

La siguiente colección de ejercicios y prácticas está ordenada siguiendo el orden de conceptos de este tutorial.

Atención: Los ejercicios que están en texto negro todavía no están publicados.

Últimos contenidos sobre CSS del blog