Autor Tema: link rel=stylesheet CSS HTML font-family: Tipos de letra Shorthand font CU01045D  (Leído 2086 veces)

alefaletti

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 48
    • Ver Perfil
Respuesta propuesta para el ejercicio CU01045D del curso de programación web con CSS de aprenderaprogramar.com:

HTML

Código: [Seleccionar]

<!DOCTYPE html>
<!--Curso CSS estilos aprenderaprogramar.com-->
<html>

<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta charset="utf-8">
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<link rel="stylesheet" type="text/css" href="CSS-entrega45-tipografia.css">
</head>

<body>

<div id="uno">
a) Lista de prioridad: permite definir varias posibilidades respecto
a las fuentes a emplear en una página web, de modo que la fuente que se usará es la primera
en la lista de prioridad siempre que esté disponible. En caso de no estar disponible la primera
fuente en la lista de prioridad, se pasaría a la segunda y así sucesivamente. Si no hubiera disponible
ninguna fuente dentro de las definidas en la lista de prioridad, se usaría la fuente por defecto.

b) Familia tipográfica o fuente concreta: alude a una fuente concreta y
todas sus variantes (negrita, cursiva, etc.). Una familia tipográfica es por ejemplo
“Times New Roman”, otra familia tipográfica es “Times” y otra familia tipográfica es “Arial”.
Para escribir una familia tipográfica en CSS debemos hacerlo entre comillas simples o dobles siempre que el
nombre contenga espacios en blanco.

</div>

<div id="dos">
a) Lista de prioridad: permite definir varias posibilidades respecto
a las fuentes a emplear en una página web, de modo que la fuente que se usará es la primera
en la lista de prioridad siempre que esté disponible. En caso de no estar disponible la primera
fuente en la lista de prioridad, se pasaría a la segunda y así sucesivamente. Si no hubiera disponible
ninguna fuente dentro de las definidas en la lista de prioridad, se usaría la fuente por defecto.

b) Familia tipográfica o fuente concreta: alude a una fuente concreta y
todas sus variantes (negrita, cursiva, etc.). Una familia tipográfica es por ejemplo
“Times New Roman”, otra familia tipográfica es “Times” y otra familia tipográfica es “Arial”.
Para escribir una familia tipográfica en CSS debemos hacerlo entre comillas simples o dobles siempre que el
nombre contenga espacios en blanco.

</div>

<div id="tres">
a) Lista de prioridad: permite definir varias posibilidades respecto
a las fuentes a emplear en una página web, de modo que la fuente que se usará es la primera
en la lista de prioridad siempre que esté disponible. En caso de no estar disponible la primera
fuente en la lista de prioridad, se pasaría a la segunda y así sucesivamente. Si no hubiera disponible
ninguna fuente dentro de las definidas en la lista de prioridad, se usaría la fuente por defecto.

b) Familia tipográfica o fuente concreta: alude a una fuente concreta y
todas sus variantes (negrita, cursiva, etc.). Una familia tipográfica es por ejemplo
“Times New Roman”, otra familia tipográfica es “Times” y otra familia tipográfica es “Arial”.
Para escribir una familia tipográfica en CSS debemos hacerlo entre comillas simples o dobles siempre que el
nombre contenga espacios en blanco.

</div>


</body>

</html>



CSS

Código: [Seleccionar]

div {margin:33px; padding:25px; width:100%; border-style:solid; border-color:red;}
#uno {font-family:serif;} /* tipografia generica serif*/
#dos {font-size:14px; font-family:sans-serif; color:#B22222;}
#tres {font: 200% fantasy;}

« Última modificación: 26 de Mayo 2017, 19:01 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:CSS font-family: Tipos de letra - Shorthand font (CU01045D)
« Respuesta #1 en: 24 de Marzo 2017, 09:42 »
Hola alefaletti.

En el apartado a se te olvidó poner el grosor del border, y recuerda que ya que lo has visto intentar usar las propiedades shortand de border, podría quedar así:

Código: [Seleccionar]
div {
margin:33px;
padding:25px;
width:100%;
border: solid 5px red;
}

En el div1 no pusiste el tamaño de la fuente que pedía el enunciado.

Por lo demás, 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".