
La aplicación de imágenes de fondo a los elementos es una de las características más usadas en CSS, y existen muchas propiedades que nos permiten controlar diferentes aspectos de este elemento.
Un elemento puede tener más de una imagen de fondo. Si deseas aplicar más de una imagen de fondo, puedes aportarlas dentro de una lista de valores separada por comas para la propiedad background-image. Esta se utiliza para especificar la posición de la imagen de fondo, y esta propiedad merece un estudio a fondo ya que a causa de sus diferentes valores se obtienen resultados diferentes, algunos de los cuales podrían ser nuevos si no eres un experto en CSS.
Nos adelantamos al futuro y presentamos una característica aún no soportada en la mayoría de los navegadores.
Las variables de CSS aportan muchas de las mismas ventajas que las variables clásicas ofrecen en los lenguajes de programación: conveniencia, código de reutilización, una base de código más legible, y la mejora de error-corrección.
Modernizr es una librería javascript que nos permite enfocar el diseño de nuestras páginas web a las capacidades del navegador, en lugar de utilizar el antiguo enfoque que consistía en detectar en qué navegador estamos, usando el userAgent.
Este enfoque tiene la ventaja de que está mucho mejor preparado ser compatible con las nuevas capacidades y mejoras que van teniendo los navegadores, de forma que nuestras páginas webs van a soportar de mucha mejor manera el paso del tiempo y van a ser funcionales siempre.
La propiedad line-height en CSS controla el espacio entre las líneas de un texto. A menudo se fija en un valor sin unidades (por ejemplo, line-height: 1.4; ) para que sea proporcional al tamaño de letra. Es una propiedad muy importante para llevar un control tipográfico de texto. Si se opta por un valor demasiado bajo las líneas quedarán unas encima de otras; y si por el contrario se establece un valor demasiado alto el resultado será el de unas líneas de texto absurdamente separadas. Ambas opciones dificultan la legibilidad.
En este artículo vamos a centrarnos en algunos trucos basados en esta propiedad. Si eres capaz de establecer el valor exacto de line-height, ¡podrás conseguir resultados sorprendentes!