Autor Tema: HTML y CSS. font-variant, font-family, shortthand. Ejercicio resuelto CU01045D  (Leído 1267 veces)

Chompy129

  • Intermedio
  • ***
  • Mensajes: 130
  • Programar es divertido. :)
    • Ver Perfil
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
Código: [Seleccionar]
<!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
Código: [Seleccionar]
/*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;}
« Última modificación: 29 de Septiembre 2016, 19:44 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:HTML y CSS. font-variant, font-family, shortthand. Ejercicio CU01045D
« Respuesta #1 en: 23 de Septiembre 2016, 14:13 »
Hola Chompy129

Todo bien.

Saludos. ;D

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".