Tutorial CSS. Aprende a decidir como se visualizarán tus páginas web.

Estoy haciendo mejoras en este tutorial. Tardaré unos días.

¿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.

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 sirven para todos.

Por cierto, antes de leer este tutorial es conveniente que estés familiarizado con el html.

El tutorial está dividido en 3 secciones principales:

Verás que hay algunos contenidos todavía no terminados y que voy completando el tutorial sin prisa pero sin pausa.

Por este motivo al final de todo verás también una sección de últimos contenidos publicados.

¿A que esperas?

¡Teclado, pantalla y acción!

CSS básico

CSS nivel medio

Tutorial sobre cómo maquetar páginas web

  1. Crear columnas de forma fácil mediante float o inline-block.
  2. Introducción a la web responsive.
  3. El concepto de rejilla. ¿8, 12, 16 columnas?
  4. Instrucciones básicas para hacer web responsive. Media Queries, box-sizing y reset.css
  5. La rejilla de 12 columnas de Bootstrap
  6. Crea tu propio manual de estilos.
  7. Crea tu propio Framework.
  8. Tutorial flexbox
  9. Ejemplos de maquetación con flexbox
  10. Ejemplos de maquetación responsive con flexbox

b

Flexbox

a

b

CSS avanzado

Últimos contenidos sobre CSS del blog

Resumen y ejemplo de aplicación de la propiedad Z-index. Asignatura CSS curso confección y publicación de páginas web....

Resumen de uso de la propiedad de overflow de CSS. Apuntes de teoría del curso IFCD0110 del curso confección y publicación de páginas web....