CSS è un linguaggio di fogli di stile che viene utilizzata per memorizzare la formattazione e le opzioni di visualizzazione per i documenti scritti in un linguaggio di markup , come ad esempio le pagine web. Anche se i fogli di stile possono risparmiare enormi quantità di tempo nel debugging e la modifica di impostazioni di visualizzazione per i siti di grandi dimensioni , una grave limitazione per i programmatori è che i CSS non ha la possibilità di memorizzare o richiamare le variabili . Inserisci PHP - il popolare , gratuito, open -source , orientato agli oggetti linguaggio di programmazione lato server . Quando si utilizza il PHP con i CSS , è possibile lavorare con variabili e costanti per migliorare ulteriormente il controllo su l'aspetto del documento . Codice PHP è interpretato dal server che esegue , e CSS è interpretato da qualunque viene utilizzata browser . Per poter utilizzare PHP nei documenti CSS , è necessario installare un server Apache e l'ultima versione di PHP . Cose che ti serviranno
editor di testo
Web Browser
CSS Compiler
Apache Server
PHP 5
Mostra più istruzioni
dinamica CSS con
PHP
1

Scarica il compilatore classe CSS da Interfacelabs a http://interfacelab.com/code/css_compiler.zip . Decomprimere il pacchetto , e memorizzare il file PHP nella directory principale del documento. È necessario includere questo documento su qualsiasi pagina HTML che possono utilizzare un foglio di stile che ha variabili .
2

Aprite il vostro editor di testo semplice preferito , e creare un nuovo documento di testo con estensione . CSSp . Se non si aggiunge la piccola ' p' per l'estensione del file , le variabili non funzioneranno.
3

Dichiarare le variabili in un at- regola alla parte superiore del documento CSSp come questo :

@ variabili

{

variable1 : 20px bold " Times New Roman" ;

variable2 : # 000fff ;

variabileA : 24px ;

variabileB : 10 % ; variableC

: 10px ; funzione

}
4

Usare il "var ( ) " richiamare qualsiasi variabile si crea ponendo il nome della variabile tra le parentesi . Ad esempio, se si desidera che tutti gli elementi di paragrafo da utilizzare variable1 , si dovrebbe includere il codice come questo :

p {font : var ( variable1 );}

noti che le variabili sono sempre maiuscole e minuscole .
5

Utilizzare la funzione " eval ( )" e gli operatori standard + , - , * e /per eseguire calcoli su variabili . Essi devono essere impostati in px , em o % , e devono corrispondere . Ad esempio, nel nostro insieme di variabili , operazioni possono essere eseguite su variabileA e variableC perché sono entrambi impostati in pixel . Tuttavia, se si esegue il calcolo tra variabileB e variabileA , non funzionerà . Per esempio :

div.header {

Larghezza : eval ( variabileA - variableC ) ;
altezza

: eval ( variableC + 10px ) ;

}

il risultato sarà un contenitore div con una larghezza di 14 pixel e un'altezza di 20 pixel .
6

Scrivi il seguente codice PHP nella parte superiore di ogni documento HTML si prevede di utilizzare questi stili per includere lo script compilatore CSS avete scaricato in precedenza . Se la pagina HTML e il compilatore CSS sono nella stessa cartella , il codice dovrebbe apparire come questo : ?

<

//Include il compilatore

comprendono ' css_compiler . php '; ?

>
7

inserire una funzione "stile ( ) " tra e < /head> di includere il tuo foglio di stile . La funzione di stile richiede due argomenti . Dire al browser il percorso assoluto della cartella che contiene il file CSS , e quindi il nome del file CSS che si desidera includere , senza l'estensione del file . Ad esempio, se i file CSS si trovano in var /www /, il codice dovrebbe essere simile a questo : ?

<
Stile

( ' /var /www /', ' yourcss ' ) ;

>
8

Imposta lo stile di elementi nel documento HTML stesso , come se si stesse utilizzando regolarmente i CSS statico ? . Per esempio :