Hola amigos, ¡Yo de nuevo!
Bueno les traigo mi ejercicio resuelto CU01017D del tutorial pdf gratuito de aprenderaprogramar, ya he publicado este ejercicio, pero esta vez lo mejoré y lo entendí mejor, ¡bueno al grano!
Código HTML:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Ejercicio CU01017D - aprenderaprogramar.com</title>
<link rel="stylesheet" type="text/css" href="estilos.css" />
</head>
<body>
<div class="magicTitle" style="border:1px solid blue; color: blue;">
Aprendiendo a programar
</div>
</body>
</html>
Le agregué la estructura del código completo por si las moscas
Código CSS:.magicTitle {
margin:0px;
width:20px;
height:30px;
color:green !important;
border-style: hidden !important;
}
Preguntas: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é?Respuestas: a - Bueno me está preguntando si se va mostrar el borde, pues claro está que el borde no se va mostrar, por qué en el archivo externo CSS, el valor para border tiene
hidden, con la palabra clave !importan, que sobreescribe ah la que esta escrita en línea. Bueno vamos a la siguiente
b - En este caso me pregunta en que color se va mostrar el texto, bueno solamente tenemos una sola aplicación de estilo para todo el texto que es:
"color:green !important;", por lo tanto se va mostrar en color verde.
c - Esta pregunta está mas claro que el agua, si y si, la anchura la altura y el magen si se respecta, por que no hay otro valor que haga entrar en conflicto, y ademas lo probé cambiando el border:
"hidden", por
"inset", y me di cuenta que si se respeta todas estas definiciones.
Sé que fue muy extenso mi respuesta, pero me gusta explicar como es que yo lo entendí, a lo mejor alguien lo entiende mejor o de otra manera.
Saludo y éxito, espero que las personas se conecten más en el foro, lo veo muy abandonado de la ultima vez que entré.