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 en aula

Referente al curso HTML y CSS: ambientes de desarrollo, estructura de archivos y tags, en el capítulo Mejorando la estilización de tú CSS y actividad Haga lo que hicimos en aula

por Anderson Felipe Estrada Sánchez
| 25.3k xp | 68 posts

HTML

<!DOCTYPE html>
<html lang="es-CL">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Haga lo que hicimos en el aula</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Mejorando la estilización de tú CSS</h1>
    <p> Haga lo que hicimos en aula</p>
</body>
</html>

body{
    background-color:#2151CC;
    text-align: center;
}

h1{
    color:#5FCF27;
}

p{
    color:#EC451B;
}

body{
    background-color: #000000;
    text-align: center;
}

h1{
    color: #FAEEDC;
}

p{
    color:#FFFFFF;
}

body{
    background-color: #FF5733;
    text-align: center;
}

h1{
    color: #00FF00;
}

p{
    color:#00FF00;
}
1 respuesta
por Brenda Souza
| 4883.2k xp | 17616 posts
Instructor Scuba

Hola Anderson, espero que estés bien

Parece que estás trabajando en un ejercicio relacionado con la armonía de colores en CSS y la corrección de errores de visibilidad de texto. Según el contexto de la actividad, necesitas aplicar una paleta de colores armoniosa o corregir un problema de visibilidad debido a un fondo oscuro.

  1. Para la armonía de colores (Actividad 1):

    • Deberías elegir una combinación de colores que se complementen bien entre sí. Usar la Rueda de Colores de Adobe puede ayudarte a seleccionar un color principal para el fondo y dos colores secundarios para los textos. Por ejemplo, podrías usar un azul claro para el fondo y colores pastel para los textos.

  2. Para la corrección de errores de visibilidad (Actividad 2):

    • Si el fondo es negro (background-color: #000000;), asegúrate de que el texto sea de un color claro, como blanco (color: #FFFFFF;) o un gris muy claro, para garantizar que sea legible.

  3. Experimentación con colores RGB (Actividad 3):

    • Aquí es donde puedes ser creativo. Por ejemplo, podrías usar un naranja vibrante para el fondo (background-color: #FF5733;) y un verde brillante para el texto (color: #00FF00;), como se sugiere en el ejemplo.

Basado en tu código, parece que ya has experimentado con diferentes combinaciones de colores. Si estás buscando aplicar una paleta armoniosa, te recomendaría revisar la combinación que más te guste visualmente y que garantice la legibilidad del texto.

Espero que esto te ayude a avanzar en tu proyecto. ¡Bons estudos!