Hvordan Sett PHP Into CSS
CSS er et stilark språk som brukes til å lagre formaterings og visningsalternativer for dokumenter skrevet i et kodespråk, for eksempel websider. Selv om stilark kan spare enorme mengder tid i debugging og redigering utseende innstillinger for store områder, en alvorlig begrensning for programmerere er 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 dokumentets utseende. PHP-koden er tolket av serveren som kjører den, og CSS er tolket av hvilken nettleser som brukes. For å kunne bruke PHP i din CSS dokumenter, må du installere Apache Server og den nyeste versjonen av PHP.
Bruksanvisning
Dynamisk CSS med PHP
1 Last ned CSS Compiler klasse fra Interfacelabs på http://interfacelab.com/code/css_compiler.zip. Pakk opp pakken, og lagre PHP-filen i rotkatalogen på dokumentet. Du må ta med dette dokumentet på en HTML-side som kan bruke et stilark som har variabler.
2 Åpne din favoritt enkel teksteditor, og opprette et nytt tekstdokument med en .cssp filtypen. Hvis du ikke legge den lille "p" til filtypen, vil variablene ikke fungere.
3 Erklærer variablene i en på-regel på toppen av cssp dokument som dette:
@variables
{
variable1: bold 20px "Times New Roman";
variable2: # 000fff;
variabelA: 24px;
variabelB: 10%;
variableC: 10px;
}
4 Bruk "var ()" funksjonen til å huske noe variabel du oppretter ved å plassere navnet på variabelen i mellom parentes. For eksempel, hvis du vil at alle ledd elementer for å bruke variable1, ville du inkludere kode som dette:
p {font: var (variable1); }
Merk at variabler 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, operasjoner kan utføres på variabelA og variableC fordi de begge er satt i piksler. Men hvis du utfører beregningen mellom variabelB og variabelA, det vil ikke fungere. For eksempel:
div.header {
width: eval(variableA - variableC);
høyde: eval (variableC + 10px);
}
Resultatet vil bli en div beholder 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 skriptet du lastet ned tidligere. Hvis HTML-siden og CSS kompilatoren er i samme mappe, skal koden se slik ut:
<?
// include the compiler
inkluderer 'css_compiler.php';
?>
7 Sett inn en "stil ()" -funksjonen mellom <head> og </ head> taggene å inkludere din stilark. Stilen funksjonen krever to argumenter. Fortelle leseren den absolutte banen til mappen som inneholder CSS-filen, og deretter navnet CSS-filen du ønsker å inkludere uten filtypen. For eksempel, hvis din CSS-filene ligger i var / www /, bør koden se slik ut:
<?
style('/var/www/','yourcss');
?>
8 Sett stilen elementene i HTML-dokumentet det samme som om du bruker vanlig statisk CSS. For eksempel:
<Div class = "header"> </ div> vil skape beholderen vi gjorde i trinn 5 som er 14 piksler bred og 20 piksler høy.
Hint
- En avansert HTML editor som Adobe Dreamweaver eller Microsoft Expression kan hjelpe med å organisere og feilsøke store, komplekse nettsteder.