CSS är en stilmall språk som används för att lagra formatering och visning av dokument skrivna på ett märkspråk , t.ex. webbsidor . Även om stilmallar kan spara enorma mängder tid på felsökning och redigering utseendeinställningar för stora sajter , är en allvarlig begränsning för programmerare att CSS inte har förmågan att lagra eller ring variabler . Ange PHP - den populära , fri , öppen källkod , objektorienterad , server - side programmeringsspråk . När du använder PHP med CSS , är det möjligt att arbeta med variabler och konstanter för att ytterligare stärka kontrollen över ett dokuments utseende . PHP -koden tolkas av servern som kör det , och CSS tolkas av vilket som webbläsaren används . För att använda PHP i dina CSS dokument , behöver du installera Apache Server och den senaste versionen av PHP . Saker du behöver
Text Redaktör Web Browser Review CSS Compiler
Apache Server Review PHP 5
Visa fler instruktioner
Dynamisk CSS med PHP
1
Ladda CSS Compiler , från Interfacelabs på http://interfacelab.com/code/css_compiler.zip . Packa upp paketet , och förvara den PHP -filen i rotkatalogen på ditt dokument . Du måste inkludera detta dokument på en HTML- sida som kan använda en formatmall som har variabler .
2
Öppna din favorit enkel textredigerare , och skapa ett nytt textdokument med en . Cssp filändelse . Om du inte bifoga små " p " till filändelsen , kommer variablerna fungerar inte .
3
Deklarera dina variabler i en at - regeln på toppen av cssp dokument som detta :
@ variabler
{
variabel1 : bold 20px " Times New Roman " ,
variable2 : # 000fff ;
variabelA : 24px ;
variabelB : 10 % ;
variableC : 10px ;
}
4
Använd " var () " -funktion att återkalla en variabel du skapar genom att placera namnet på variabeln i mellan konsolerna . Till exempel , om du vill att alla punkt element att använda variable1 , skulle du inkludera koden så här :
p { font : var ( variabel1 ) ;}
Observera att variablerna är alltid skiftlägeskänsliga .
5
Använd " eval ( ) " -funktion och vanliga operatorerna + , - , * och /för att utföra beräkningar på variabler . De måste sättas i px , em , eller % , och de måste matcha . Till exempel i vår uppsättning variabler , kan åtgärder utföras på variabelA och variableC eftersom de är båda är satta i pixlar. Men om du utför beräkningen mellan variabelB och variabelA , kommer det inte att fungera . Till exempel :
div.header {
bredd : eval ( variabelA - variableC ) ,
höjd : eval ( variableC + 10px ) ,
}
resultatet blir ett div container med en bredd på 14 pixlar och en höjd på 20 bildpunkter .
6
Skriv följande PHP-kod på toppen av varje HTML- dokument som du tänker att använda dessa stilar i att inkludera CSS kompilatorn skriptet du hämtade tidigare . Om HTML- sidan och CSS kompilatorn är i samma mapp , bör koden se ut så här : ?
<
//Inkluderar
kompilatorn
inkluderar " css_compiler . php ' ; ?
>
7
Infoga en " stil ( ) " -funktion mellan
och < /head > taggarna för att inkludera din formatmall . Stilen Funktionen kräver två argument . Berätta webbläsaren den absoluta sökvägen till den mapp som innehåller din CSS-fil och namnge den CSS-fil som du vill inkludera utan filändelsen . Till exempel, om dina CSS -filer finns i var /www /, din kod bör se ut så här : ?
<
Stil ( ' /var /www /' , ' yourcss ' ) ;
>
8
Ställ stil med element i din HTML- dokument på samma sätt som om du använde vanlig statisk CSS ? . Till exempel :
