Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Lorenzo31 en 15 de Febrero 2016, 17:22
-
Buenas, dejo la solución al ejercicio.
<!DOCTYPE html>
<html>
<head><meta charset = "utf-8"/>
<link rel="stylesheet" type="text/css" href="estilos126D.css"/>
</head>
<body>
<div id="primera">División 1</div>
<br/><br/>
<div id="segunda">División 2</div>
<br/><br/>
<div id="tercera">División 3</div>
<br/><br/>
<div id="cuarta">División 4</div>
<br/><br/>
<div id="quinta">División 5</div>
<br/><br/>
<div id="sexta">División 6</div>
<br/><br/>
<div id="septima">División 7</div>
<br/><br/>
<div id="octava">División 8</div>
<br/><br/>
<div id="novena">División 9</div>
<br/><br/>
<div id="decima">División 10</div>
</body>
</html>
estilos126D.css
html, body {height:100%}
div {height:3.5%; }
#primera { border-style:outset; }
#segunda {border-style:solid; }
#tercera {border-style:dotted; }
#cuarta { border-style:ridge inset double solid;}
#quinta { border-style:dashed hidden dashed hidden; }
#sexta { border-style:groove none groove none; }
#septima {border-style:ridge;}
#octava {border-style:groove;}
#novena {border-style:inset; }
#decima {border-style:initial; }
-
Buenas tardes, todo correcto en la aplicación de estilos de bordes. Creo que ya se comentó en otro hilo sobre html, body {height:100%}
No es habitual aplicar una regla html, body (aunque puedes usarla ya que no hay nada que te lo impida, pero hasta cierto punto se verá como redundante. No es común aplicar reglas al elemento html).
Otra cosa que no es habitual es aplicar un valor de height:100% al body. El valor de altura en el body no se suele establecer, quedando la altura determinada por los contenidos de la propia página.
Saludos
-
Buenas, si lo que comentamos en otros hilos era que no dejara html, body , div {.... porque afectaba a body y html.
En este caso especifico queria afectar a html y body, pero veo que solo deberia haber afectado a body y aún más ni eso porque como comentas es mejor lo deje que vaya auto el height.
Tomo nota para no volver a usar height en body, ni html.
Gracias Mario por los aportes como siempre son de gran ayuda.