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

Inicio > Tutorial CSS. Aprende a decidir como se visualizarán tus páginas web. (Page 2)

Tutorial CSS paso a paso dónde encontrarás los apuntes y resúmenes del curso IFCD0110 de confección y publicación de páginas web.

CSS es un lenguaje que nos ayuda a explicar a los navegadores web como queremos que se VISUALIZEN las páginas web.

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


Índice de contenidos del tutorial


      1. Introducción al CSS. Que significa Cascading Style Sheets.
      2. Versiones del css
      3. Acoplamiento CSS
      4. Sintaxis CSS básica. Como se escribe el CSS.
      5. Selectores
      6. Comentarios
      7. Herència
      8. Cascada
      9. Medidas
      10. Colores
      11. Tipografías
      12. Modelo de cajas
      13. Fondos (background)
      14. La regla del reloj para margins, paddings y borders
      15. Dimensiones reales de una caja
      16. Box Sizing
      17. Elementos en línea. Elementos bloque. Elementos inline-block.
      18. Ejemplo de centrado horizontal de una caja.
      19. Como centrar correctamente un texto.
      20. Posicionamiento de cajas. Absoluto, relativo, fijo, estático y sticky.

      1. Ejemplo de centrado vertical y horizontal de una caja.
      2. Posicionamiento flotante de cajas y propiedad clear.
      3. Crear columnas de forma fácil mediante float o inline-block.
      4. Pseudoclases :active, :hover, :link, :visited
      5. Guía rápida para personaliar botones. Propiedades border-radius, box-shadow, cursor;
      6. Ejemplo de creación de un menú horizontal de navegación con diferentes estrategias.
      7. Propiedades visibility y display.
      8. La propiedad overflow.
      9. Z-index
      10. Ejemplo de creación de un menú vertical con submenú desplegable horizontal.
      11. Ejemplo de creación de un menú vertical con submenú desplegable vertical.
      12. Ejemplo de creación de un menú horizontal con submenú desplegable vertical.
      13. Ejemplo de creación de un menú horizontal con submenú desplebable horizontal.
      14. Estilos para tablas
      15. Estilizar formularios web
      16. Web responsive

Otros contenidos CSS del blog

  1. Maquetar una página de Prestashop 1.6 con Bootstrap
  2. Factores que afectan al tiempo de carga de una página web
  3. Librosweb ahora es uniwebsidad.

Últimos contenidos sobre CSS del blog