Códigos del ejercicio CU01045D del curso CSS desde cero.
Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="estilos76.css"/>
<title>Portal web</title>
</head>
<body>
<div id="caja1"><p>El div 1 debe contener un texto suficientemente largo (varios párrafos), tipo de fuente genérica serif, tamaño de fuente 18 píxeles y al menos un párrafo de varias líneas con la fuente establecida como mayúscula condensada (small caps).</p><p>El div 1 debe contener un texto suficientemente largo (varios párrafos), tipo de fuente genérica serif, tamaño de fuente 18 píxeles y al menos un párrafo de varias líneas con la fuente establecida como mayúscula condensada (small caps).</p><p>El div 1 debe contener un texto suficientemente largo (varios párrafos), tipo de fuente genérica serif, tamaño de fuente 18 píxeles y al menos un párrafo de varias líneas con la fuente establecida como mayúscula condensada (small caps).</p></div>
<div id="caja2"><p>El div 2 debe contener un texto suficientemente largo (varios párrafos), tipo de fuente genérica sans serif, tamaño de fuente 14 píxeles y color del texto #B22222.</p><P>El div 2 debe contener un texto suficientemente largo (varios párrafos), tipo de fuente genérica sans serif, tamaño de fuente 14 píxeles y color del texto #B22222.</P><p>El div 2 debe contener un texto suficientemente largo (varios párrafos), tipo de fuente genérica sans serif, tamaño de fuente 14 píxeles y color del texto #B22222.</p></div>
<div id="caja3"><p>El div 3 debe contener un texto suficientemente largo (varios párrafos), y las propiedades de texto establecidas con la propiedad CSS font (shortand). El tipo de fuente será genérica fantasy y el tamaño del texto 2 veces lo normal .</p><p>El div 3 debe contener un texto suficientemente largo (varios párrafos), y las propiedades de texto establecidas con la propiedad CSS font (shortand). El tipo de fuente será genérica fantasy y el tamaño del texto 2 veces lo normal .</p><p>El div 3 debe contener un texto suficientemente largo (varios párrafos), y las propiedades de texto establecidas con la propiedad CSS font (shortand). El tipo de fuente será genérica fantasy y el tamaño del texto 2 veces lo normal .</p></div>
</body>
</html>
Código CSS: "estilos76.css"
div {
margin: 33px;
padding: 25px;
border-style: solid;
border-width: 5px;
border-color: red;
}
#caja1 {
font-size: 12px;
font-family: serif;
}
#caja1 p:nth-child(2) {
font-variant: small-caps;
}
#caja2 {
font-family: sant-serif;
font-size: 14px;
color: #B22222;
}
#caja3 {
font: 2em fantasy;
}