El archivo html es:
<!doctype html>
<html lang="ES">
<head>
<link rel="stylesheet" type="text/css" href="css/modeloCajas.css">
<title>
Modelo Cajas
</title>
</head>
<body>
<header>
<nav>
</nav>
</header>
<section>
<article>
<hgroup>
<h1>Titulo Principal</h1>
<h2>Titulo Secundario</h2>
</hgroup>
</article>
<div id="principal">
<p>PRINCIPAL ldkjflajdslkfjladksjflksdjflkjasdkljlkf</p>
</div>
<div id="secundario"><p>SECUNDARIO jdlajfldksjflksjdaflkjdslkjflksdjdflkjdsakljfkl</p></div>
<p>Parrafo jkljkdjfskjfk primero jdlkf<br>jalkdjslakjflkajdkljflkasdjflkjadlkjflkasj<br>dflkjasdlkjflkajdlkfjldsakjfljlfjladsjlkfjladjlfjl</p>
<p>Parrafo segundo kjdkfjkldj jhdlkajdkjfsaaa<br>aaaaaaalkdfjdlajflajdlsjfldjslkfjlasdkjflkjsdljflsdjlfjlsdajfljsdlkfjlksdajflkjsdlj</p>
</section>
<aside>
</aside>
<footer>
<h4>Pie de pagina</h4>
</footer>
</body>
</html>
El archivo css es:
/*Comentario de CSS*/
/*selector universal*/
*{
background-color:gray;
}
p{
font-family:Helvetica,sans-serif;
font-size:medium;
font-style:italic;
text-transform:lowercase;
letter-spacing:3px;
word-spacing:10px;
}
div {
padding:10px;
border: 5px solid red;
height:90px;
width:90px;
min-height:100px;
max-width:200px;
}
#secundario {
background-color:green;
border-style: outset;
border-width: 10px;
border-color: rgb(0,153,23);
float:right;
}
h1{
font-size:1.25em;
font-weight:bold;
color:blue;
text-shadow:4px 3px 5px red;
}
h2{
font-size:1em;
color:white;
text-decoration:underline;
}
No dejeis de practicar, hasta pronto.
No hay comentarios:
Publicar un comentario