CSS es un lenguaje de hojas de estilo que se utiliza para almacenar los formatos y opciones de visualización de documentos escritos en un lenguaje de marcas , como las páginas web. Aunque las hojas de estilo pueden ahorrar enormes cantidades de tiempo en la depuración y edición de la configuración de aspecto para los sitios grandes , una grave limitación para los programadores es que CSS no tiene la capacidad de almacenar o llame variables. Introduzca PHP - el lenguaje popular, libre, de código abierto, orientado a objetos de programación del lado del servidor . Cuando se utiliza PHP con CSS , es posible trabajar con variables y constantes para mejorar aún más el control sobre la apariencia de un documento. Código PHP es interpretado por el servidor que se está ejecutando , y CSS es interpretada por el que se está utilizando navegador Web. Para utilizar PHP en tus documentos CSS , usted tendrá que instalar Apache Server y la versión más reciente de PHP. Cosas que necesitará
editor de texto búsqueda Web Browser
CSS Compiler
Servidor Apache
PHP 5
Ver Más instrucciones
dinámica CSS con
PHP
1

Descargue la clase Compiler CSS del Interfacelabs en http://interfacelab.com/code/css_compiler.zip . Descomprimir el paquete, y guarde el archivo PHP en el directorio raíz del documento . Usted tendrá que incluir este documento en cualquier página HTML que puede usar una hoja de estilo que tiene variables.
2

Abre tu editor de texto simple favorito, y crear un nuevo documento de texto con una extensión de archivo . CSSP . Si no anexa el pequeño 'p' a la extensión de archivo, las variables no funcionarán.
3

declarar las variables en una regla en la parte superior del documento CSSP como esto:

@ Variables

{

variable1 : 20px negrita " Times New Roman" ;

variable2 : # 000fff ;

variableA : 24px ;

variableB : 10 % ; variableC

: 10px ; función

}
4

Utilice " var ()" recordar cualquier variable se crea colocando el nombre de la variable entre los soportes . Por ejemplo, si desea que todos los elementos de párrafo para utilizar variable1 , debe incluir código como este :

p {font : var ( variable1 ) ;}

Tenga en cuenta que las variables son siempre entre mayúsculas y minúsculas .
5

Utilice la función " eval ()" y operadores estándar + , -, * y /para realizar cálculos con variables. Deben establecerse en píxeles , em o% , y que deben coincidir. Por ejemplo , en nuestro conjunto de variables , las operaciones se pueden realizar en variableA y variableC porque ambos están configurados en píxeles . Sin embargo , si se realiza el cálculo entre variableB y variableA , no va a funcionar . Por ejemplo :

div.header {
ancho

: eval ( variableA - variableC ) ;
altura

: eval ( variableC + 10px ) ;

}

el resultado será un contenedor div con un ancho de 14 píxeles y una altura de 20 píxeles.
6

Escriba el siguiente código de PHP en la parte superior de cada documento HTML tiene previsto utilizar estos estilos en incluir la secuencia de comandos del compilador CSS ha descargado anteriormente . Si la página HTML y el CSS compilador se encuentran en la misma carpeta , el código debe ser similar a esto: ?

<

//Incluye el compilador

incluye ' css_compiler . php ' ; ?

>
7

Insertar una función de " estilo ()" entre el head y para incluir la hoja de estilos . La función de estilo requiere dos argumentos. Dígale al navegador la ruta absoluta a la carpeta que contiene el archivo CSS, y luego el nombre del archivo CSS que desea incluir , sin la extensión de archivo . Por ejemplo , si los archivos CSS se encuentran en var /www /, el código debería tener este aspecto :