Entradas

Mostrando entradas de noviembre, 2024

10. Propiedades width, height, max-width, min-width, max-height y min-height

Imagen
10.5. Cómo usar las propiedades CSS max-width, min-width, max-height y min-height TEST

9. Modelo de cajas: márgenes, relleno y bordes

Imagen
  9.1. Padding o relleno 9.2. Margin 9.3. Bordes TEST

8. Propiedades de las listas

Imagen
  8.1. List-style-type 8.2. List-style-image 8.3. List-style-position 8.4. List-style 8.5. Personalizar listas con emoticonos 8.6. Usar una imagen con background-image TEST

7. Propiedades de las fuentes

Imagen
  7.1. Font-family 7.2. Font-style 7.3. Font-variant 7.4. Font-weight 7.5. Font-size TEST

6. Propiedades de texto

Imagen
  6.1. Text-indent 6.2. Text-align 6.3. Text-decoration 6.4. Letter-spacing 6.5. Word-spacing 6.6. Text-transform 6.7. Line-height 6.8. Vertical-align TEST

5. Colores y fondo en CSS

Imagen
  5.2. Tabla de colores básicos 5.3.2.  background-color  – Color de fondo 5.3.3.  background-image  – Imagen de fondo 5.3.4.  background-repeat  – Repetición de la imagen de fondo 5.4. Ejemplo práctico parallaX TEST Pasos para crear un efecto parallax 2. Agregar las propiedades CSS 3. Ejemplo práctico parallax con fondo fijo 4. Ejemplo práctico sin fondo fijo

4. Unidades de medida

Imagen
  EJERCICIO TEST 4.1. Centrar un texto según el tamaño del viewport (con line-height) 4.2. vh y vw: Centrar cualquier elemento según el ancho del viewport (con propiedad transform) 4.3. Diseño de footer fijo en la parte inferior del viewport solo si hay poco contenido

3. Selectores

Imagen
  3.10. Ejemplos TEST

2. Estilos CSS en un documento HTML

Imagen
  2.1. CSS en línea 2.2. CSS incrustado en la cabecera 2.3. CSS en hojas de estilo externas Test