Autor Tema: HTML aplicar estilos tipos borde div CSS. border-style hidden, solid CU01026D (Leído 2554 veces)

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

Código: [Seleccionar]

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; }

Mario R. Rancel · « **Respuesta #1 en:** 17 de Febrero 2016, 21:05 »

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

Lorenzo31 · « **Respuesta #2 en:** 17 de Febrero 2016, 23:16 »

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.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: