Tema 2.4: Textos con CSS

Textos con CSS.

• Selector universal *: Afecta a todo el contenido de una página
• Selector de clase.nombre: afecta a los elementos de esa clase
• Selector Id #nombre afecta al elemento identificado con ese id
• Selectores de Elemento (por ejemplo <p>) afectaría a todos los elementos
• Podemos seleccionar varios elementos separados por comas
• El selector elemento dentro de elemento afecta a todos los elementos dentro de un elemento. Por ejemplo div p afecta a todos los elementos <p> dentro de un <div>.

Fuentes:
http://www.w3.org/TR/CSS2/fonts.html

Seleccionar fuente del texto: font-family: Como útimo valor debemos poner una genérica (http://www.w3.org/TR/CSS2/fonts.html#generic-font-families)

Familia tipográfica: 

• Peso de la letra: font-weight
• Condensación: font-strecht (https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch)
• Estilo de fuente: font-style
• Tamaño de la fuente: font-size (https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)

Se puede especificar los tamaños de forma absoluta o de forma relativa. La mejor forma es utilizar valores relativos (relative-size) en porcentaje o relativo al tamaño base de una letra. Tambien se puede trabajar utilizando el valor relativo em

• Variante de la fuente: font-variant: Ejemplo versalita que muestra las letras en mayúsculas con el tamaño de las minúsculas
• Interlineado del texto: line-height (http://www.w3schools.com/cssref/playit.asp?filename=playcss_line-height&preval=25px). Lo normal es un 120%
• Igualamos la altura de la x: font-size-adjust
• Ajusta visualmente las letras: font-kerning: es importante para los titulares (http://www.w3schools.com/cssref/playit.asp?filename=playcss_letter-spacing&preval=3px)(http://www.w3schools.com/cssref/playit.asp?filename=playcss_word-spacing)
• Coloca el texto en una posición determinada: font-variant-position (normal, sub, super,ordinal)
• Los números con diferente altura: font-variant-numeric
• Ligaduras (unir letras): font-variant-ligatures