Når du utvikler PHP-applikasjoner , du noen ganger ønsker å gjøre det lettere for deg eller dine brukere å endre fargevalget som brukes i programmet . Siden fargevalg er definert ved hjelp av Cascading Style Sheets ( CSS) , kan du opprette en ekstern CSS-fil , inkludere den i PHP-kode og bruke PHP til å bestemme logikken i hvordan fargen er brukt . Når du ønsker å endre fargevalget , kan du bare redigere CSS-filen og erstatte farger med forskjellige farger . Instruksjoner
en
Opprett en CSS -fil og skriv styling koder som skal brukes i programmet . For eksempel , for å skape et fargevalg som viser vanlig tekst i svart , men viser en bakgrunnsfarge rosa for en kvinnelig navn og blå for en mannlig navn, type : en
body { font- family: Arial , Helvetica , sans - serif ; font-size : . 12px }
header { font- weight: bold ; color: # 339 }
f { color: # 000 ; background- color: . # . FF99FF }
m { color: # 000 ; background- color: # 66CCFF }
2
Opprett en ny PHP-filen og sette inn HTML overskrifter for filen . ! For eksempel skrive : en
< DOCTYPE HTML PUBLIC "- //W3C //DTD HTML 4.01 Transitional //EN " Navn < /title >
3
Sett inn HTML- stil koder og inkludere ekstern CSS-fil ved hjelp av PHP. For eksempel , skriv : < ? Php
inkluderer " style.css ";
>
< /style >
< /head>
4
Lag en rekke data å vise med styling koder. Sette inn et navn og kjønn , som vil kontrollere fargen ordningen brukes . For eksempel skrive : ?
< Php
$ data = array ();
array_push ( $ data , array ( "navn" = > " Susan" , "sex " = > " f "));
array_push ( $ data , array ( "navn" = > " Tom" , "sex " = > " m "));
array_push ( $ data , array ( "navn" = > " Steve" , "sex " = > " m "));
array_push ( $ data , array ( "navn" = > " Jane" , "sex " = > " f ")) ;
5
resultat HTML- kode ved hjelp av PHP som erstatter den riktige klassen for CSS styling basert på den informasjonen som finnes i dataene. For eksempel skrive : en
echo '
class="header"> Navn < /td > < /tr > ';
foreach ( $ data som $ index = > $ person ) {
printf ('
class="%s"> % s < /td > < ;/tr > ' , $ person [ "sex" ] , $ person [ "navn" ] ) ;
}
echo' < /table> ';
< p > ? >
< /body >
< /html >
6
Rediger CSS-filen og endre fargevalget . Kjør PHP script og se resultatene på skjermen .
