Ako vložiť PHP Do CSS

CSS je jazyk , list štýl , ktorý sa používa na ukladanie formátovanie a možnosti zobrazenia pre dokumenty písané v značkovací jazyk , ako je napríklad webové stránky . Hoci štýly môžete uložiť obrovské množstvo času v ladení a úpravy nastavenia vzhľadu pre veľké weby , jedna závažné obmedzenia pre programátorov je , že CSS nemá schopnosť ukladať alebo zatelefonujte premenných . Zadajte PHP - populárny , zadarmo , open - source , objektovo orientovaný , server - side programovací jazyk . Ak používate PHP s CSS , je možné pracovať s premennými a konštantami ďalej posilniť kontrolu nad vzhľad dokumentu je . PHP kód je interpretovaný na serveri , ktorý je spustený , a CSS je interpretovaný podľa toho , webový prehliadač je používaný . Aby bolo možné používať PHP vo vašom CSS dokumentov , budete musieť nainštalovať Apache server a najnovšiu verziu PHP . Veci , ktoré budete potrebovať klipart textový editor
webového prehliadača
CSS kompilátor
servera Apache
PHP 5
Zobraziť ďalšie inštrukcie
Dynamic CSS PHP

1

Stiahnite si triedu CSS kompilátora z Interfacelabs na http://interfacelab.com/code/css_compiler.zip . Rozbaľte balíček a uložte súbor PHP v koreňovom adresári vášho dokumentu . Budete musieť zahrnúť tento dokument na akékoľvek HTML stránky , ktoré môžu používať štýlov , ktorý má premenné .
2

Otvorte svoj ​​obľúbený jednoduchý textový editor a vytvorte nový textový dokument s príponou ČSSP súboru . . Ak nechcete pripojiť malý 'p ' na príponu súboru , budú premenné nefungujú .
3

deklarovať svoje premenné v - spravidla na hornej časti ČSSP dokumentu , ako je tohle :

@ premenných

{

variable1 : bold 20px " Times New Roman " ;

variable2 : # 000fff ;

variableA : 24px ;

variableB : 10 % ;

variableC : 10px ;

}
4

Použite " var ) ( " funkcia vyvolať akúkoľvek premennú , ktorú vytvoríte umiestnením názov premennej v zátvorkách . Napríklad , ak chcete , aby všetky odseky prvky použiť variable1 , mali by ste zahrnúť kód , ako je toto :

p { font : var ( variable1 ) ; }

Všimnite si , že premenné sú vždy case - sensitive .
5

použite " eval ( ) " funkcie a štandardné operátormi + , - , * a /vykonávať výpočty premenných . Musí byť nastavená v px , em , alebo % , a oni sa musia zhodovať . Napríklad , v našom súbore premenných , operácie môžu byť vykonané na variableA a variableC , pretože sú nastavené v pixeloch . Avšak , ak budete vykonávať výpočet medzi variableB a variableA , že to nebude fungovať . Napríklad :

div.header {

šírka : eval ( variableA - variableC ) ;

výška : eval ( variableC + 10px ) ;

}

Výsledkom bude kontajner div o šírke 14 pixelov a výšku 20 pixelov .
6

napíšte nasledujúci kód PHP v hornej časti každého HTML dokumentu , ktorý hodláte používať tieto štýly zahrnúť CSS kompilátora skript , ktorý ste stiahli skôr. Ak HTML stránky a CSS kompilátor sú v rovnakej zložke , kód by mal vyzerať takto : ?

<

//Obsahuje kompilátor

patrí " css_compiler . php ' ;

>
7

Vložte kartu " ( ) štýl " funkcie medzi a < /head > značky zahŕňajú máte štýlov ? . Funkcie štýl volá po dva argumenty . Povedz prehliadač absolútnu cestu k priečinku , ktorá obsahuje súbor CSS a pomenujte súbor CSS , ktorý chcete zahrnúť bez prípony súboru . Napríklad , ak vaše CSS súbory sú umiestnené v var /www /, váš kód by mal vyzerať takto :

<

štýl ( " /var /www /" , " yourcss " ? ) ;

>
8

Nastavte štýl prvkov v HTML dokumente , rovnaké ako by ste používali bežný statické CSS ? . Napríklad :