Buenas buenas!!! dejo mi codigo para el ejercio de la entrega CU01045D del curso elemental de programador web de aprenderaprogramar.com
Saludos!!!!!
CU01045D.html
<!DOCTYPE html>
<html lang="es">
<head>
<title>CSS font-family</title>
<meta name="author" content="Hugo A. Segura" />
<meta name="description" content="Clear CSS Float" />
<meta name="keywords" content="curso, aprender a programar, html, css, font-family, lista de tipos, (CU010045D)" />
<meta charset="utf-8" />
<meta name="robots" content="index, follow" />
<link rel="stylesheet" type="text/css" href="CU01045D.css"/>
</head>
<body>
<div id="div1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates similique at exercitationem. Praesentium itaque vitae, ipsum libero. Numquam animi nesciunt rem delectus reiciendis? Deleniti similique, illo obcaecati tempora magni commodi.</p>
<p class="condensada">Inventore aliquid fuga architecto voluptates quod quasi alias, repudiandae explicabo harum ea minus, illum consectetur unde odio tempore. Saepe rem ducimus dignissimos voluptate quaerat illo placeat alias autem in tenetur!</p>
<p>Culpa eaque, porro harum, quibusdam pariatur minus quidem eveniet esse eum voluptatibus voluptates quam eligendi, itaque nisi iusto aspernatur qui veritatis quae vel quo ullam voluptas tenetur suscipit? Recusandae, doloribus!</p>
</div>
<div id="div2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam soluta, culpa cumque perferendis illo deleniti adipisci! Nostrum, totam vitae dolores qui nam fugit at expedita perferendis iste vero ratione ullam!</p>
<p>Est eum suscipit animi sunt ea blanditiis, ab, ut, doloribus voluptatem adipisci eos provident impedit? Reiciendis dicta nemo ducimus dignissimos dolor, corporis, accusamus quae porro aliquam at dolorem dolore possimus.</p>
</div>
<div id="div3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus rem odio unde delectus laborum maxime natus aliquid alias suscipit exercitationem, ipsa maiores dolores nisi voluptatum nesciunt, placeat quidem et dicta.</p>
<p>Voluptatum pariatur facilis natus ipsum, sit et hic, omnis id neque inventore voluptatibus, asperiores molestias eius corrupti doloremque nemo. Dolorum repudiandae, aliquam commodi quibusdam voluptatem adipisci ducimus. Expedita, rerum sed!</p>
<p>Consequatur harum molestias quaerat assumenda facere quasi error illum iusto consequuntur dignissimos repellat odio, fuga, numquam qui atque incidunt dolorem quae. Et, odio exercitationem laborum ipsum dignissimos provident tenetur adipisci.</p>
<p>Iure quaerat aut, ipsam deleniti id suscipit rerum? Soluta dignissimos ut esse quam beatae, sit voluptates! Illo nesciunt, alias vel ea. Harum a ullam qui deleniti maiores adipisci nobis laboriosam.</p>
<p>Animi illum ullam voluptas odit. Reiciendis ratione dignissimos ducimus, impedit aliquid voluptates debitis non sequi voluptate harum tempora repudiandae possimus eius, laborum soluta, inventore maxime quam ab minus quod at!</p>
</div>
</body>
</html>
CU01045D.css
/* Hoja estilos ejercicio CU01045.css */
/* estilos comunes */
div{
margin: 33px;
padding: 25px;
border: solid 5px red;
}
/* estilos especificos */
#div1 p{
font-size: 18px;
font-family: serif;
}
.condensada{font-variant: small-caps;}
#div2 p{
font-size: 14px;
font-family: sans-serif;
color: #B22222;
}
#div3 p{
font: 2em "fantasy";
}
Tema: HTML y CSS font-family font-variant tipos de letra en una web y tamaño CU01045D (Leído 1970 veces)
RSS -
WAP2