Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Haga lo que hicimos

Referente al curso HTML y CSS: Clases, Posicionamiento y Flexbox, en el capítulo Selectores y posicionamiento y actividad Haga lo que hicimos

por Ivan Garcia Romero
| 26.4k xp | 75 posts
Estudiante 
html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejercicio</title>
    <link rel="stylesheet" href="stilos.css">
</head>
<body>
    <h1 class="titulo-blog">Blog del programador</h1>
    <p class="texto-destacado">Aqui encontraras las mejores noticias..........</p>
    <p class="urgente">Noticas urgentes</p>
</body>
</html>

css
*{
    margin: 0;
    padding: 0;
}

.urgente{
color: red;
}

.texto-destacado{
    color: dimgray;
}

.titulo-blog{
    color: blueviolet;
}
1 respuesta
por Brenda Souza
| 4612.9k xp | 16644 posts
Alura Scuba Team Scuba

Hola Ivan, espero que estés bien

Parece que has hecho un gran trabajo siguiendo las instrucciones del ejercicio "Haga lo que hicimos en aula". Según el contexto, el objetivo es aplicar estilos a diferentes elementos usando clases CSS, y tu código HTML y CSS parece estar alineado con las instrucciones. Aquí hay un par de cosas que podrías revisar o experimentar:

  1. Verifica los nombres de los archivos: Asegúrate de que el archivo CSS se llama exactamente "stilos.css" y que está en la misma carpeta que tu archivo HTML. Un error común es tener un nombre de archivo incorrecto o una ruta incorrecta.

  2. Prueba diferentes colores: Aunque ya has aplicado estilos de color a las clases, podrías experimentar con diferentes colores para ver cómo cambian la apariencia y legibilidad de tu página. Por ejemplo, podrías intentar usar color: darkslategray; para .texto-destacado si deseas un contraste más suave.

  3. Inspecciona con DevTools: Usa las herramientas de desarrollo de tu navegador (DevTools) para inspeccionar los elementos y asegurarte de que los estilos se están aplicando correctamente. Esto también te ayudará a entender mejor el modelo de caja y cómo se aplican los estilos.

  4. Prueba el reset CSS: Ya has aplicado un reset básico con el selector universal *, lo cual es genial para empezar con un lienzo limpio. Puedes experimentar con otros resets más completos si lo deseas.

Espero que estas sugerencias te sean útiles. ¡Sigue practicando y experimentando con el código!

Espero haber ayudado y buenos estudios!