CSS ist eine Stylesheet-Sprache , die verwendet werden , um die Formatierung und Anzeige-Optionen für Dokumente in einer Markup-Sprache geschrieben , wie Web- Seiten speichern. Obwohl Stylesheets kann enorm viel Zeit bei der Fehlersuche und Bearbeiten Aussehen Einstellungen für große Sites zu sparen, ist eine starke Einschränkung für Programmierer , dass CSS nicht die Möglichkeit haben, zu speichern oder rufen Variablen . Geben PHP - das beliebte , kostenlose Open -Source- , objekt-orientierte , Server-seitige Programmiersprache. Wenn Sie PHP mit CSS , ist es möglich, mit Variablen und Konstanten zu arbeiten, um weiter zu verbessern Kontrolle über Aussehen eines Dokuments . PHP -Code wird von dem Server, der sie interpretiert und CSS interpretiert wird egal von welcher Browser verwendet wird. Um PHP in Ihrem CSS Dokumente zu verwenden, müssen Sie Apache Server und die neueste Version von PHP installieren. Things You
Texteditor
Web Browser
CSS Compiler
Apache Server
PHP 5
brauchen anzeigen Weitere Anweisungen
Dynamisches CSS mit PHP

1

Laden Sie die CSS -Klasse aus Compiler Interfacelabs bei http://interfacelab.com/code/css_compiler.zip . Entpacken Sie das Paket , und speichern Sie die PHP-Datei im Root-Verzeichnis des Dokuments. Sie müssen dieses Dokument auf einem beliebigen HTML -Seite, die ein Stylesheet , das Variablen hat verwenden können .
2

Öffnen Sie Ihre Lieblings- Texteditor , und erstellen Sie ein neues Textdokument mit . CSSP Dateiendung . Wenn Sie nicht anhängen müssen die kleinen 'p' in der Datei -Erweiterung werden die Variablen nicht funktionieren.
3

Erklären Sie Ihre Variablen in einem at- Regel an der Spitze des CSSP Dokument wie dies :

@ Variablen

{

variable1 : bold 20px "Times New Roman ";

variable2 : # 000fff ;

variableA : 24px ;

VariableB : 10%;

variableC : 10px ; }

4

Verwenden Sie die "var () "-Funktion jede Variable, die Sie erstellen , indem Sie den Namen der Variablen in den Klammern erinnern . Zum Beispiel, wenn Sie alle Elemente, um Absatz variable1 verwenden möchten, würden Sie Code wie folgt aus:

p {font : var ( variable1 );}

beachten Sie, dass Variablen immer Groß-und Kleinschreibung .
5

Benutzen Sie den " eval () "-Funktion und Standard-Operatoren +, -, * und /Berechnungen auf Variablen durchführen . Sie müssen in px, em oder % eingestellt werden , und sie müssen übereinstimmen. Zum Beispiel in unserer Gruppe von Variablen , können Operationen variableA und variableC durchgeführt werden, da sie beide in Pixeln sind. Allerdings, wenn Sie die Berechnung zwischen VariableB und variableA durchführen, wird es nicht funktionieren. Zum Beispiel:

div.header {

Breite : eval ( variableA - variableC );

Höhe : eval ( variableC + 10px );

}

das Ergebnis wird ein dIV-Container mit einer Breite von 14 Pixeln und einer Höhe von 20 Pixel.
6

schreiben Sie den folgenden PHP Code am Anfang jeder HTML- Dokument, das Sie planen diese Stile in CSS verwenden, um den Compiler Skript heruntergeladen früher schließen . Wenn die HTML-Seite und die CSS -Compiler im selben Ordner befinden , der Code sollte wie folgt aussehen :

<

/include /den Compiler

gehören ' css_compiler . php ' ; ?

>
7

Einfügen einer "Art ( ) "-Funktion zwischen dem und -Tags beinhalten das Stylesheet . Die Style-Funktion ruft für zwei Argumente . Sagen Sie der Browser den absoluten Pfad zu dem Ordner, der CSS -Datei enthält , und benennen Sie die CSS Datei, die Sie ohne die Dateiendung gehören . Zum Beispiel, wenn Sie Ihre CSS-Dateien in var /www /, befinden sich Ihr Code sollte wie folgt aussehen :

<

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

>
8

Stellt die Art der Elemente in Ihr HTML-Dokument das gleiche , als würden Sie mit regelmäßigen statischen CSS ? . Zum Beispiel:

schaffen wir den Behälter in Schritt 5 aus , die 14 Pixel breit und 20 Pixel hoch ist
< . br>