Hola a todos !! Dejo las respuestas solicitadas en el ejercicio de la clase: CU01017D del curso gratuito de CSS que se ofrece en esta web. Desde ya muchas gracias por la atención.
Un saludo, Luis
EJERCICIO
En el archivo CSS externo a un documento HTML encontramos esta declaración:
.magicTitle {
margin:0px;
width:20px;
height:30px;
color:green !important;
border-style: hidden !important;
}
Por otro lado dentro del código HTML tenemos el siguiente código:
<div class="magicTitle" style="border:1px solid blue; color: blue;">
Aprendiendo a programar
</div>
Responde a las siguientes preguntas:
a) ¿Se mostrará un borde para el div? ¿Por qué?
No, porque en la hoja de estilo externa el borde está declarado como hidden(oculto) con la palabra !important "border-style: hidden !important;" y prevalece a cualquier otra declaración sobre el borde.b) ¿Con qué color se mostrará el texto, con color verde o con color azul? ¿Por qué?
Análogamente a la respuesta a), se mostrará el texto de color verde porque en la hoja de estilo está declarado como !important "color:green !important;" y prevalece sobre la declaracion en el archivo html: "color: blue;"c) ¿Se respetarán los valores de width y height definidos en el archivo CSS externo o quedarán anulados? ¿Por qué?
Si, se respetarán porque no hay situación de conflicto con otra declaración