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 Estudiante
| 26.7k xp | 39 posts
/* 1) Armonía de colores en CSS */
/* Paleta basada en la Rueda de Colores de Adobe */
body {
    background-color: #3498db; /* Color principal: Azul */
    color: #ecf0f1; /* Color de texto principal: Blanco suave */
}

h1, h2, h3 {
    color: #f39c12; /* Color secundario: Naranja */
}

p {
    color: #2ecc71; /* Color secundario: Verde */
}

/* ------------------------------------- */

/* 2) Corrección de error de color */
/* Se corrige el texto negro sobre fondo negro */
body.error-fix {
    background-color: #000000; /* Mantiene el fondo negro */
    color: #F6F6F6; /* Cambia el texto a un color claro */
}

/* ------------------------------------- */

/* 3) Jugando con colores RGB en CSS */
/* Uso de colores en formato hexadecimal */
body.rgb-experiment {
    background-color: #FF5733; /* Naranja vibrante */
    color: #00FF00; /* Verde brillante */
}
1 respuesta
por Brenda Souza
| 4939.8k xp | 17817 posts
Instructor Scuba

Hola, estudiante, espero que estés bien

Parece que estás trabajando en una actividad que involucra la armonía de colores en CSS y la corrección de errores de color. Vamos a revisar lo que has hecho:

  1. Armonía de colores en CSS: Has elegido un color principal (#3498db, un azul) para el fondo del cuerpo de la página, y dos colores secundarios (#f39c12, un naranja, para los encabezados y #2ecc71, un verde, para los párrafos). Esto sigue bien la idea de crear una paleta armoniosa usando la Rueda de Colores de Adobe.

  2. Corrección de error de color: Has aplicado una clase error-fix que cambia el color del texto a un color claro (#F6F6F6) sobre un fondo negro, lo cual corrige el problema de invisibilidad del texto. Esto es exactamente lo que se pedía para asegurar la legibilidad.

  3. Jugando con colores RGB en CSS: Has creado una clase rgb-experiment con un fondo naranja vibrante (#FF5733) y un texto verde brillante (#00FF00). Esta parte también parece estar bien implementada de acuerdo con las instrucciones.

Tu código parece estar alineado con las instrucciones de la actividad. Si estás experimentando algún problema específico, asegúrate de aplicar las clases error-fix y rgb-experiment al elemento body en tu HTML para ver los cambios reflejados. Por ejemplo:

<body class="error-fix">
    <!-- Contenido de la página -->
</body>

Espero que esto te ayude a avanzar con tu ejercicio. ¡Espero haber ayudado y buenos estudios!