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 3)

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. La regla del reloj para margins, paddings y borders
      14. Dimensiones reales de una caja
      15. Box Sizing
      16. Elementos en línea. Elementos bloque. Elementos inline-block.
      17. Ejemplo de centrado horizontal de una caja.
      18. Como centrar correctamente un texto.
      19. 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. Ejemplo de creación de un menú horizontal de navegación con diferentes estrategias.
      6. Propiedades visibility y display.
      7. Ejemplo de creación de un menú horizontal con submenú desplegable.
      8. La propiedad overflow.
      9. Z-index
      10. Creación de menús horizontales y menús desplegables.
      11. Estilos para tablas
      12. Estilizar formularios web
      13. 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

Últimos contenidos sobre CSS del blog

Existen distintas formas de indicar los colores que queremos dar a los elementos de un documento. Básicamente necesitamos dominar los colores RGB, RGBa y Hexadecimal. Se muestran varios ejemplos de uso en CSS....

28 julio, 2018 /

¿Imaginas tener que especificar una por una los estilos a cada una de las etiquetas? El concepto de CSS nos ayuda a optimizar código. Entender sus propiedades nos puede ayudar mucho a ser mejores maquetadores web....

09 julio, 2018 /