Tutorial CSS. Aprende a decidir como 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.

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

      1. Pseudoclases :active, :hover, :link, :visited
      2. Propiedades visibility y display.
      3. La propiedad overflow.
      4. Ejemplo de creación de un menú horizontal de navegación con diferentes estrategias.
      5. Ejemplo de creación de un menú vertical con submenú desplegable horizontal.
      6. Ejemplo de creación de un menú vertical con submenú desplegable vertical.
      7. Ejemplo de creación de un menú horizontal con submenú desplegable vertical.
      8. Ejemplo de creación de un menú horizontal con submenú desplebable horizontal.
      9. Guía rápida para personaliar botones. Propiedades border-radius, box-shadow, cursor;
      10. Estilos para textos.
      11. Estilos para enlaces.
      12. Estilos para listas.
      13. Estilos para tablas.
      14. Opacidad.
      15. Estilizar formularios web.
      16. Animaciones y transformaciones.
      17. Introducción a la web responsive.
      18. El concepto de rejilla. ¿8, 12, 16 columnas?
      19. Instrucciones básicas para hacer web responsive. Media Queries, box-sizing y reset.css
      20. La rejilla de 12 columnas de Bootstrap
      21. Crea tu propio manual de estilos.
      22. Crea tu propio Framework.
      23. Tutorial flexbox
      24. Ejemplos de maquetación con flexbox
      25. Ejemplos de maquetación responsive con flexbox

CSS avanzado

Últimos contenidos sobre CSS del blog