Si estás empezando con CSS y HTML, un ejercicio básico sería hacer una tarjeta de presentación simple con estilos básicos.
Ejercicio: Crear una tarjeta de presentación
Objetivo:
Usar div, img, h1, p y button.
Aplicar estilos básicos como border-radius, box-shadow, padding y text-align.
Requisitos:
1. Estructura en HTML:
Un contenedor <div> para la tarjeta.
Una imagen de perfil <img>.
Un título <h1> con el nombre.
Un párrafo <p> con una breve descripción.
Un botón <button> con algún texto.
2. Estilos en CSS:
La tarjeta debe tener bordes redondeados (border-radius).
Sombra (box-shadow) para dar un efecto de elevación.
Alineación centrada (text-align: center).
El botón debe cambiar de color cuando se pase el cursor sobre él (hover).
Este ejercicio te ayuda a practicar estructura básica, estilos esenciales y pequeñas interacciones con hover.