Ejercicios CSS

En esta sección encontrarás los enunciados y ejercicios resueltos del tutorial css que uso como material de soporte complementario para mis formaciones del curso de confección y publicación de páginas web.

En todos los ejercicios encontrarás referencias a las publicaciones necesarias para poderlas resolver.

Tabla de contenidos

Ejercicios CSS nivel básico

  1. Separar el css de un html
  2. Uso de selectores  I
  3. Uso de selectores II
  4. Uso de selectores III
  5. Suplanta etiquetas html con css
  6. Forzar y romper la herencia.
  7. Prioridad de etiquetas. ¿Cómo se visualizará?
  8. Unidades relativas. ¿Cómo pasará a verse el documento web?
  9. Escalera de colores.
  10. Equivalencia entre web safe colors, rgb, rgba y hexadecimal
  11. Uso de tipografías web.
  12. Creación de logotipos
  13. Ejercicio dimensiones reales de cajas.
  14. ¿Qué tipo de etiqueta es? ¿Bloque, en línea o en línea-bloque?
  15. Hacer banderas con gradientes.
  1. Diferencia entre centrado de texto y centrar cajas con css.
  2. Centrado vertical de un contenido.
  3. Ejercicio con box-shadow
  4. Pseudoclases de los enlaces
  5. Botones web
  6. Corrige los errores
  7. ¿Qué tipo de posicionamiento he usado? Preguntas test
  8. Creación de una landing page  de web en mantenimiento
  9. Poner iconos sociales flotantes en el lateral de una web
  10. Maquetar con float:left; o con display:inline-block;
  11. ¿Cuál es la utilidad de clear:both?
  12. Practicar con visibility:hidden; y display:none;
  13. Tabla de servicios con display:table
  14. Estilizar un formulario web
  15. Mostrar un número de teléfono responsive en una ubicación distinta si es desktop o smartphone

Exámenes test css

Todavía no he publicado ninguno