CSS er et typografiark sprog, der bruges til at gemme formatering og skærmindstillinger for dokumenter skrevet på et kodesprog , såsom websider. Selvom style sheets kan spare enorme mængder af tid på fejlretning og redigering indstillinger for udseende til store sites , en svær begrænsning for programmører er, at CSS ikke har mulighed for at gemme eller ring variabler. Indtast PHP - den populære , gratis , open -source, objekt -orienteret, server-side programmeringssprog. Når du bruger PHP med CSS , er det muligt at arbejde med variable og konstanter til yderligere at styrke kontrol over et dokuments udseende. PHP kode fortolkes af den server, der kører det, og CSS fortolkes af uanset hvilken webbrowser der bruges. For at kunne bruge PHP i din CSS dokumenter , bliver du nødt til at installere Apache Server og den nyeste version af PHP. Ting du skal
Text editor en Web Browser
CSS Compiler
Apache Server
PHP 5
Vis Flere Instruktioner
Dynamisk CSS med PHP
< br > 1

Download CSS Compiler klassen fra Interfacelabs på http://interfacelab.com/code/css_compiler.zip . Unzip pakken, og opbevare PHP-fil i rodmappen af dit dokument. Du bliver nødt til at medtage dette dokument på nogen HTML-side , der kan anvende et typografiark , der har variable.
2

Åbn din favorit simpel teksteditor , og oprette et nyt tekstdokument med en . Cssp fil forlængelse . Hvis du ikke føje det lille 'p ' for filtypen , vil de variabler ikke fungere.
3

erklære din variabler i en at- reglen øverst på cssp dokument som dette : Hej

@ variabler

{

variabel1 : fed 20px " Times New Roman "

variabel2 : # 000fff ;

variabelA : 24px ;

variabelB : 10%

variableC : 10px ;

}
4

Brug " var ( )" funktionen at huske enhver variabel du opretter ved at placere navnet på variablen i mellem parentes. For eksempel, hvis du ønsker, at alle afsnit elementer til at bruge variabel1 ville du medtage kode som dette : Hej

p {font : var ( variabel1 );}

Bemærk at variabler er altid store og små bogstaver .
5.

Brug " eval ( )" funktion og standard operatorer + , -, * og /til at udføre beregninger på variabler. De skal indstilles i px , em eller% , og de skal matche . For eksempel i vores sæt variabler kan operationerne udføres på variabelA og variableC fordi de begge er indstillet i pixels . Men hvis du udfører beregningen mellem variabelB og variabelA , vil det ikke fungere. For eksempel : Hej

div.header {

bredde: eval ( variabelA - variableC )

højde: eval ( variableC + 10px ),

}

resultatet vil være en div container med en bredde på 14 pixels og en højde på 20 pixels.
6

Skriv følgende PHP kode i toppen af ​​hver HTML-dokument du planlægger at bruge disse stilarter for at medtage CSS compiler script du hentede tidligere. Hvis HTML-side og CSS compiler er i den samme mappe , skal koden se sådan ud: ?

<

//Omfatter compiler

inkluderer ' css_compiler . php « ?

>
7

Indsæt et " stil () " funktionen mellem og tags at inkludere dit typografiark . Stilen Funktionen kræver to argumenter. Fortæl browseren den absolutte sti til den mappe, der indeholder din CSS-fil og derefter navngive CSS-fil , du ønsker at medtage uden filtypen . For eksempel, hvis dine CSS-filer er placeret i var /www /, din kode skal se sådan ud : ?

<

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

>
8

Indstil typografien for elementer i dit HTML-dokument på samme måde som hvis du brugte almindelig statisk CSS ? . For eksempel : Hej

vil skabe containeren vi gjort i trin 5 , der er 14 pixels bredt og 20 pixels højt
< . br >