Buenas noches gracias a los dos por revisarme el ejercicio, ya he corregido todo y creo que el nuevo está bien, y lo de la t en text-transform fallo técnico cuando lo he leído casi se me cae un ojo , pero bueno de todo se aprende, gracias por todo saludos y hay van los códigos nuevos....
saludos...
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="description" content="portal web - Aprenderaprogramar.com">
<meta name="keywords" content="CSS con mayusculas o minusculas con tex-transform etc">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos17.css">
</head>
<body>
<div id="box1"><p>"Tuve miedo, un miedo pequeño y bonito porque tener un poco de miedo, a veces, es bonito."
"El Agujero de las Cosas Perdidas" de Joan Armangué i Herrero.</p>
<p>"Una de las trampas de la infancia es que no hace falta comprender algo para sentirlo. Para cuando la razón es capaz de entender lo sucedido, las heridas en el corazón ya son demasiado profundas."</p>
<p>''Alguien dijo una vez que en el momento en que te paras a pensar si quieres a alguien ya has dejado de quererlo para siempre''
"La sombra del viento" de Carlos Ruiz Zafón.</p>
<p>"- ¿Nunca has parado el mundo?
+¿ Que es parar el mundo?
-Parar el mundo es decidir conscientemente que vas a salir de él para mejorarte y mejorarlo. Para poder moverte y moverlo mejor. En ese tiempo debes intentar que nadie ni nada te cree problemas. Alimentarte de buena literatura, de buen cine y sobre todo, de la conversacion de una unica persona que te inspire, porque se necesitan dos personas para parar el mundo, uno solo no tiene fuerza suficiente''.
´´Si tú me dices ven lo dejo todo...pero dime ven`` de Albert Espinosa.</p>
<p>´´Me acuerdo del ruido que hacia tu corazón cuando hablabas de ella. Te odié desde ese mismo instante. El ruido de tu Tic Tac representaba para mí el instrumento de medida del tiempo que se escapaba sin ella. Un instrumento de tortura colmado con tus propios sueños de amor.``
'´La mecánica del corazón`` de Mathias Malzieu.</p>
</div>
<div id="box2"><p>El deseo mueve montañas de instantes y el amor mueve cordilleras de vida. El deseo es generoso en intensidad y fugaz en el tiempo, el amor es un fuego lento con una fuerza incomparable.</p>
<p>Con el deseo pedimos y con el amor damos; el deseo es condición y el amor..,es una declaración.</p>
<p>Era el mejor de los tiempos, era el peor de los tiempos, era la edad de la sabiduría, era la edad de la insensatez, era la época de la creencia, era la época de la incredulidad, era la estación de la luz, era la estación de la oscuridad, era la primavera de la esperanza, era el invierno de la desesperación.</p>
<p>Historia de dos Ciudades (Charles Dickens)
</p></div>
<div id="box3"><p>Las experiencias, hayan causado sufrimiento o placer, dan forma a nuestra alma. La(electrocardiograma)pintan de matices que dicen en susurros quiénes somos, para que las personas hagan el esfuerzo de prestarnos atención y de escucharnos bajito.</p>
<p>Lo mismo sucede con las personas que han dejado huella en nuestra vida. Hayan sido buenas o malas, su compañía ha modificado nuestro camino definiendo, con esos pequeños e importantes matices, quiénes somos.</p>
<p>Amor y deseo son dos cosas diferentes; que no todo lo que se ama se desea, ni todo lo que se desea se ama.</p>
<p>Don Quijote de la Mancha (Miguel de Cervantes</p></div>
</body>
</html>
En el apartado d)box3) he echo una pequeña tranpilla he añadido la palabra (electrocardiograma)
En el apartado d) te ha faltado esto: "Debe contener una palabra (cadena de texto cualquiera) de gran longitud, de modo que no quepa en el contenedor, y no romperse."
y ahora el CSS...
/*CSS mayusculas o minusculas con tex-transform y first-letter, espaciado con letter-spacing y word-spacing. Cortar texto con
word-spacing*/
div{
margin: 33px;
padding: 0;
width: 180px;
height: 300px;
border: solid;
border-width: 6px;
border-color: red;
float: left;
}
#box1{
text-transform: uppercase;
letter-spacing: 1.05px;
}
#box1 p::first-letter {
font-size: 250%;
}
#box2{
text-transform: lowercase;
letter-spacing: 1.1px;
word-wrap: break-word;
}
#box3{
text-transform: capitalize;
word-spacing: 10px;
word-wrap: break-word;
}
Tema: HTML CSS poner primera letra mayúscula text-transform y first-letter CU01042D (Leído 12872 veces)
RSS -
WAP2