Códigos del ejercicios CU01041D del curso CSS desde cero.
Código HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="description" content="Portal web"/>
<meta name="keywords" content="programar,cursos"/>
<link rel="stylesheet" type="text/css" href="estilos73.css"/>
<title>Portal web</title>
</head>
<body>
<div id="caja1"><p> El div 1 debe contener un texto suficientemente largo como para exceder el tamaño del contenedor, y el excedente de texto no debe mostrarse apareciendo en el punto final unos puntos … . La altura de línea debe ser un 5 % superior a lo normal. Un fragmento del texto (delimitarlo con span) debe tener <span id="a">tamaño de fuente 18 píxeles y una sombra sólida de color rojo</span> con desplazamiento hacia la derecha y abajo.</p><p>El div 1 debe contener un texto suficientemente largo como para exceder el tamaño del contenedor, y el excedente de texto no debe mostrarse apareciendo en el punto final unos puntos … . La altura de línea debe ser un 5 % superior a lo normal. Un fragmento del texto (delimitarlo con span) debe tener tamaño de fuente 18 píxeles y una sombra sólida de color rojo con desplazamiento hacia la derecha y abajo.</p></div>
<div id="caja2"><p>El div 2 debe contener un texto suficientemente largo como para exceder el tamaño del contenedor, y el excedente de texto no debe mostrarse aunque rebase al contenedor, y no deben aparecer puntos en el lugar donde se corte el texto. La altura de línea debe ser un 10 % superior a lo normal. Un fragmento del texto (delimitarlo con span) debe tener tamaño de <span id="b">fuente 18 píxeles y una sombra sólida de color azul</span> con desplazamiento hacia la izquierda y abajo.</p><p>El div 2 debe contener un texto suficientemente largo como para exceder el tamaño del contenedor, y el excedente de texto no debe mostrarse aunque rebase al contenedor, y no deben aparecer puntos en el lugar donde se corte el texto. La altura de línea debe ser un 10 % superior a lo normal. Un fragmento del texto (delimitarlo con span) debe tener <span>tamaño de fuente 18 píxeles y una sombra sólida</span> de color azul con desplazamiento hacia la izquierda y abajo.</p></div>
<div id="caja3"><p>El div 3 debe tener alineación del texto justificada y color de texto #8B4513. Debe contener un texto suficientemente largo como para exceder el tamaño del contenedor. La altura de línea debe ser un 20 % superior a lo normal. Un fragmento del texto (delimitarlo con span) debe tener <span id="c">tamaño de fuente 18 píxeles y una sombra con efecto de difuminado de color verde</span> de modo que parezca que existe vapor verde detrás del texto.</p><p>El div 3 debe tener alineación del texto justificada y color de texto #8B4513. Debe contener un texto suficientemente largo como para exceder el tamaño del contenedor. La altura de línea debe ser un 20 % superior a lo normal. Un fragmento del texto (delimitarlo con span) debe tener tamaño de fuente 18 píxeles y una sombra con efecto de difuminado de color verde de modo que parezca que existe vapor verde detrás del texto.</p></div>
</body>
</html>
Código CSS: "estilos73.css"
div {
display: inline-block;
width: 240px;
height: 300px;
margin: 18px;
padding: 8px;
border-style: solid;
border-width: 3px;
border-color: blue;
}
#caja1 {
overflow: scroll;
line-height: 105%;
}
#a {
font-size: 18px;
text-shadow: 5px 3px red;
}
#caja2 {
overflow: hidden;
line-height: 110%;
}
#b {
font-size: 18px;
text-shadow: -5px 3px blue;
}
#caja3 {
text-align: justify;
color: #8B4513;
overflow: scroll;
line-height: 120%;
}
#c {
font-size: 18px;
text-shadow: 0px 0px 5px green;
}