Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Desafío CSS

Estilizando elementos con clases CSS:

HTML: Localiza el elemento

que deseas estilizar y agrega class="texto-destaque" dentro de la etiqueta

. CSS: Crea una regla para .texto-destaque. Ejemplo: css Copiar código .texto-destaque { color: #FF5733; /* Elige un color vibrante */ } Destacando títulos con CSS:

HTML: Añade class="titulo-blog" a los elementos

que representan los títulos. CSS: Define la regla para .titulo-blog. Ejemplo: css Copiar código .titulo-blog { color: #007BFF; /* Elige un color llamativo */ } Estilos situacionales con clases CSS:

HTML: Identifica los párrafos con noticias urgentes y agrega class="urgente" a esos elementos

. CSS: Crea la regla para .urgente. Ejemplo: css Copiar código .urgente { color: red; /* Color rojo para urgencia */ } Entendiendo y aplicando el Reset CSS:

CSS: Crea un archivo CSS (por ejemplo, reset.css) y agrega el siguiente código: css Copiar código

  • { margin: 0; padding: 0; } Asegúrate de vincular el archivo CSS al HTML. Inspeccionando elementos y entendiendo el modelo de caja:

DevTools: Usa las DevTools del navegador para inspeccionar elementos y visualizar el modelo de caja. Observa cómo márgenes, bordes, rellenos y contenido afectan el diseño. Aplicando el modelo de caja en la práctica:

HTML: Selecciona un elemento, como un párrafo (

). CSS: Añade estilos específicos en tu archivo CSS. Ejemplo: css Copiar código p { margin: 10px; border: 2px solid black; padding: 5px; }

1 respuesta

Hola Keyla, espero que estés bien

Gracias por compartir tu ejercício práctico con nosotros! Tu contribución es fundamental para el crecimiento de nuestra comunidad en Alura. Sigue comprometido y no dudes en regresar al foro en caso que tengas alguna duda o dificultad.

¡Abrazos y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!