CSS er et stilark språk som brukes til å lagre formatering og visningsalternativer for dokumenter skrevet i et kodespråk , for eksempel websider . Selv stilark kan spare enorme mengder tid på debugging og redigere innstillingene for utseende for store områder , er en alvorlig begrensning for programmerere at CSS ikke har muligheten til å lagre eller ringe variabler . Skriv PHP - den populære , gratis, open -source , objekt - orientert , server - side programmeringsspråk . Når du bruker PHP med CSS , er det mulig å arbeide med variabler og konstanter for å ytterligere styrke kontroll over et dokument utseende. PHP -koden tolkes av serveren som kjører det , og CSS er tolket av hvilken nettleser som brukes. For å bruke PHP i din CSS dokumenter , må du installere Apache server og den nyeste versjonen av PHP. Du trenger
teksteditor en Web Browser
CSS Compiler
Apache Server
PHP 5
Vis flere instruksjoner
Dynamic CSS med PHP

1.

Last ned CSS Compiler klasse fra Interfacelabs på http://interfacelab.com/code/css_compiler.zip . Pakk ut pakken , og oppbevar PHP-filen i rotkatalogen av dokumentet. Du må ta med dette dokumentet på en HTML-side som kan bruke et stilark som har variabler .
2

Åpne din favoritt enkel tekst editor , og opprette et nytt tekstdokument med . Cssp filtypen . Hvis du ikke legge den lille "p" til filtypen , vil variablene ikke fungere .
3

Erklærer variabler i en på- regel på toppen av cssp dokumentet som dette : en

@ variabler

{

variable1 : bold 20px " Times New Roman ";

variable2 : # 000fff ;

variableA : 24px ;

variableB : 10 % ;

variableC : 10px ;

}
4

Bruk " var ( ) "-funksjonen å huske noen variable du oppretter ved å plassere navnet på variabelen i mellom brakettene. For eksempel, hvis du vil at alle ledd elementer for å bruke variable1 , ville du inkludere kode som dette : en

p {font : var ( variable1 ) ;}

Merk at variablene er alltid store og små bokstaver .
5

Bruk " eval ( ) "-funksjonen og standard funksjoner + , - , * og /å utføre beregninger på variabler . De må settes i px, em eller% , og de må stemme overens. For eksempel, i vårt sett av variabler , kan operasjonene utføres på variableA og variableC fordi de er begge satt i piksler. Men hvis du utfører beregningen mellom variableB og variableA , vil det ikke fungere . For eksempel : en

div.header {

bredde : eval ( variableA - variableC ) ;

høyde: eval ( variableC + 10px ) ;

}

resultatet vil bli en div container med en bredde på 14 piksler og en høyde på 20 piksler.
6

Skriv følgende PHP-kode på toppen av hver HTML-dokument du har tenkt å bruke disse stilene i å inkludere CSS kompilatoren skript du lastet ned tidligere. Hvis HTML- side og CSS kompilatoren er i samme mappe , bør koden se slik ut : ?

<

//Include kompilatoren

inkluderer ' css_compiler . php '; ?

>
7

Sett inn en "stil ( ) "-funksjonen mellom og < /head >-kodene for å inkludere din stilark. Stilen funksjonen krever to argumenter. Fortell leseren den absolutte banen til mappen som inneholder din CSS-fil , og deretter navnet på CSS -filen du ønsker å inkludere uten filtypen. For eksempel, hvis CSS filene ligger i var /www /, koden skal se slik ut : ?

<

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

>
8

Sett utformingen av elementene i HTML-dokumentet på samme måte som om du brukte vanlig statisk CSS? . For eksempel : en