DandoleEstiloA
NuestroTexto

Una buena web necesita una buena fuente tipográfica, que hablando en castellano sería un buen tipo de letra que se vea bonito ;)

También necesitaremos darle una serie de estilos como sangrias, tamaños, color (aunque eso ya lo vimos) y algunas cosas más que veremos en esta página, por ello... ¡EMPECEMOS!

text-indent: 1cm

¿Notas algo diferente es este apartado? Supongo que como todos te habrás dado cuenta la primera linea está desplazada dejando un margen ahí, ¿cómo haríamos eso? Pues obviamente con la propiedad que arriba les escribí, text-indent, la cual es muy usada cuando hacemos una web como muchos parrafos para que la primera linea sea desplazada cuantos cm queramos.

text-align: right;

Con text-align lo que haremos será alinear nuestro texto, existen una serie de valores que puede tomar la propiedad entre los que destacan los más conocidos que son los que usamos en los procesadores de texto habituales, ya saben, justify, right, left o center :) Bien sencillo, ¿verdad?

text-decoration

Define la forma de como vamos a decorar el texto, si con un tachón con:text-decoration: line-through; También podemos poner un subrayado superior con overline, o inferior con underline. Sé que me repito pero... ¿Ven que es bien sencillo? Sigamos :)

text-transform:capitalize

Transform suena a Transformar y eso es totalmente lo que hace. Esta última linea llevaba un text-transform: capitalize, y transforma la primera letra de cada palabra en mayuscula.
¡aprendiendo html es lo mejor! esta linea usa uppercase para poner todas las letras en mayuscula y por supuesto existe lowercase para poner todas las letras en minuscula ;)

letter-spacing y word-spacing

Con letter-spacing vamos a definir el espacio entre letras, tomemos dos valores, puede ser o normal, en el que las letras estan separadas como toda la vida de Dios han estado o con un espacio que nosotros pongamos como esta linea que tiene 5px



Word-spacing no tiene mucha más explicación que la dada antes con letter, la unica diferencia es que ahora en vez de separar letras, separa palabras, esta linea tiene un word-spacing: 5px;

white-space

Dos valores mayormente usados son nowrap y wap. Nowrap lo que hace es que los saltos de lineas solo se dan con un <br> que como ya sabeis es para dar un salto de linea, bajar un reglón. Por ello si usamos white-space:nowrap, el reglón va a seguir y va a seguir hasta que no haya un <br>, sin embargo, si usamos el valor wrap (que normalmente viene con ese valor por defecto), lo que hará el reglón es bajar cuando llegue al tope de la pantalla o de la caja que contenga el texto.