La mayoría de diseñadores web profesionales creen que [CSS] carece de un mecanismo fundamental para facilitar su trabajo: las variables en las hojas de estilos. Cuando se define una hoja de estilos como la siguiente:

#cabecera {
  background-color: #369;
  color: #FFF;
}
#contenidos h1, #contenidos h2 {
  color: #369;
}
a {
  color: #557E29;
}
span {
  background-color: #557E29;
}

Los buenos diseñadores utilizan en sus trabajos un número muy reducido de colores que combinan entre sí de forma creativa para diseñar cada elemento de la página. De esta forma, en las hojas de estilos profesionales se repiten una y otra vez los mismos valores (colores comunes, por ejemplo). No obstante, CSS no es un lenguaje de programación, por lo que no permite definir variables para almacenar los valores que se utilizan constantemente.

Si el diseñador quiere modificar el color verde #557E29 de la hoja de estilos anterior, ¿cómo cambia todas las apariciones de ese color verde en la hoja de estilos? Modificarlo de forma manual es un proceso tedioso y demasiado lento. Afortunadamente, los editores de texto disponen de herramientas para sustituir un valor por otro, aunque tampoco es una solución óptima, ya que conlleva a errores.

Tags:

• Css
• Php