Hola! Antes del ejercicio una cuestión: ¿por qué no me funciona esta sentencia "#div1 span:first-letter{font-size:250%;} para dividir los parrafos y cambiar la primera letra??
Ahí va el codigo:
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="description" content="ejercicio 1042"/>
<meta name="keyword" content="palabras clave"/>
<title>Ejercicio 1042</title>
<link rel="stylesheet" type="text/css" href="1042.css"/>
</head>
<body>
<div id="div1">
El div 1 debe contener un texto suficientemente largo, con
numerosos párrafos, como para exceder el tamaño del
contenedor. El texto del html debe transformarse
completamente a mayúsculas mediante el uso de propiedades
CSS. La separación entre letras debe ser un 5% superior a
lo normal. La primera letra de cada párrafo debe tener un
tamaño un 250% lo normal.
</div>
<div id="div2">
El div 2 debe contener un texto suficientemente largo como para
exceder el tamaño del contenedor. El texto del html debe
transformarse completamente a minúsculas mediante el uso
de propiedades CSS. La separación entre letras debe ser
un 10% superior a lo normal. Debe contener una palabra
(cadenadetextocualquiera)degranlongitud, de modo
que no quepa en el contenedor, y “romperse” para no
exceder la capacidad del contenedor usando la propiedad
word-wrap.
</div>
<div id="div3">
El div 3 debe contener un texto suficientemente largo como para
exceder el tamaño del contenedor. El texto del html debe
transformarse para que toda palabra comience con una
letra mayúscula mediante el uso de propiedades CSS. La
separación entre palabras debe ser un 10% superior a
lo normal. Debe contener una palabra (cadena de textocualquiera)degranlongituddemodoquenoquepaenel
contenedor, y no romperse.
</div>
</body>
</html>
css
/*Ejercicio 1042*/
div{margin:33px; width:180px; height:300px;
border:solid 6px red; float:left;}
#div1{text-transform:uppercase; letter-spacing:0.05em;}
#div1:first-letter{font-size:250%;}
#div2{text-transform:lowercase; letter-spacing:0.1em;
word-wrap:break-word;}
#div3{text-transform:capitalize; word-spacing:0.1em;}
Un saludo!! Gracias!! Por vuestra ayuda.
Tema: CSS y HTML mayúsculas texto text-transform letter-spacing, word-spacing CU01042D (Leído 3989 veces)
RSS -
WAP2