Hola amigos, acabo de hacer el ejercicio del curso básico de CSS CU01017D y me hacen preguntas respecto a un código.
El código html es este:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<div class="magicTitle" style="border:1px solid blue; color: blue;">
Aprendiendo a programar
</div>
</body>
</html>
El código CSS es este:
.magicTitle {
margin:0px;
width:20px;
height:30px;
color:green !important;
border-style: hidden !important;
}
Las preguntas son las siguientes:
a) ¿Se mostrará un borde para el div? ¿Por qué?
b) ¿Con qué color se mostrará el texto, con color verde o con color azul? ¿Por qué?
c) ¿Se respetarán los valores de width y height definidos en el archivo CSS externo o quedarán anulados? ¿Por qué?
Mis respectivas respuestas son éstas:
a)No se mostrará un borde para el div porque al atributo "border-style" se le dió un valor "hidden" lo que provoca que este "oculto".
b)El texto se colocará con color verde porque se le colocó "!important" y esto anula la declaración en línea que tenía el div en el archivo html.
c)Se respetarán porque no hay otras declaraciones de estilos que afecten esos elementos.