Corrija este código CSS

programación


Estas son las instrucciones:

Abra el archivo estilos.css.

Agregue una regla CSS para el elemento del cuerpo que establezca el color de fondo en #E0E0E2.

Agregue una regla CSS para el elemento h1 que establezca el color del texto en: #721817.

Agregue una regla CSS para el elemento h2 que establezca el color del texto en: #721817.

Agregue una regla CSS para la clase CSS de texto central que alinee el texto al centro.

Agregue una regla CSS para el elemento HTML con el logotipo de identificación. Establezca sus márgenes izquierdo y derecho en automático y cambie su visualización a un elemento de bloque.

Agregue una regla CSS para todos los elementos span que sean hijos de elementos h2 que establezca el color del texto en #FA9F42 y su tamaño de fuente en 0,75 em.

Agregue una regla CSS para el elemento HTML con el id copyright. Establezca su relleno superior en 12 píxeles y su tamaño de fuente en 0,75 em

CSS
body{
    background-color:#E0E0E2;
}
h1{
    color: #721817;
}
h2{
    color: #721817;
}
.center-text{
text-align: center;
}
#logo{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#span {
    color: #FA9F42;
    font-size: 0.75em;
}
#copyright {
    padding-top: 12px;
    font-size: 0.75em;
}

Los errores que aparecen son los siguientes:

xxThe 'NEW' labels within <h2> tags should have a color of '#fa9f42' 
xxThe element with the ID 'copyright' should have a font-size of 0.75em

Lo que he probado:

Intenté volver a ingresar el color y también volver a escribir el tamaño de fuente que se solicita.

Solución 3

Advertencia: soy un principiante absoluto con CSS, pero después de algunas lecturas diría que el selector para span etiquetas dentro h2 etiquetas es h2 > span. Y, por lo tanto, la regla ‘Agregue una regla CSS para todos los elementos span que sean hijos de elementos h2 que establezca el color del texto en #FA9F42 y su tamaño de fuente en 0,75 em’. será:

h2 > span {color: #FA9F42; font-size: 0.75em;}

Tenga en cuenta que no selecciona etiquetas de intervalo anidadas.

Solución 1

Los errores te dicen exactamente qué está mal. Mire en su CSS y busque el descriptor del elemento h2, luego busque en sus propiedades y verá que no estableció el valor esperado.

Lo mismo ocurre exactamente con los “derechos de autor”.

Esta es tu tarea, así que no la voy a corregir. No aprenderías nada si lo hiciera.

Solución 15

cuerpo{
color de fondo: #E0E0E2;

}
h1{
color: #721817;
}
intervalo h2{
color: #721817

}
.centro-texto{
alineación de texto: centro;
}
#logo{
margen izquierdo: automático;
margen derecho: automático;
bloqueo de pantalla;
}

h2 > intervalo {
color: #FA9F42;
tamaño de fuente: 0,75 em;
}
#derechos de autor {
relleno superior: 12px;
tamaño de fuente: 0,75 em;
}

コメント

タイトルとURLをコピーしました