Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Chompy129 en 21 de Septiembre 2016, 21:18
-
CSS font-family. tipografía (tipos de letra). Lista de tipos. font-variant (small-caps). Shorthand font (CU01045D)
Aquí esta la actividad CU01045D del curso sobre fundamentos de la programación web con CSS:
Código HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LAS FUENTES</title>
<link rel="stylesheet" type="text/css" href="fuentes.css">
</head>
<body>
<div id="div1">Continuamos viendo posibilidades que ofrece CSS en relación a los textos. Un aspecto importante de los textos es el tipo de letra que usan y cómo se configura la letra.<br>
<span>Hay distintas propiedades para configurar la tipografía, entre ellas font-family, font-variant y la propiedad shorthand font.</span></div>
<div id="div2">Continuamos viendo posibilidades que ofrece CSS en relación a los textos. Un aspecto importante de los textos es el tipo de letra que usan y cómo se configura la letra.<br>
Hay distintas propiedades para configurar la tipografía, entre ellas font-family, font-variant y la propiedad shorthand font.</div>
<div id="div3">Continuamos viendo posibilidades que ofrece CSS en relación a los textos. Un aspecto importante de los textos es el tipo de letra que usan y cómo se configura la letra.<br>
Hay distintas propiedades para configurar la tipografía, entre ellas font-family, font-variant y la propiedad shorthand font.</div>
</body>
</html>
Código CSS
/*Los div por id*/
div{margin: 33px; padding: 25px; width: 100%; border: 5px solid rgb(255, 0, 0);}
#div1{font-size: 18px; font-family: serif;}
#div1 span{font-variant: small-caps;}
#div2{font-size: 14px; font-family: sans-serif; color: #B22222;}
#div3{font: 2em fantasy;}
-
Hola Chompy129
Todo bien.
Saludos. ;D