Når du udvikler PHP-applikationer , du nogle gange ønsker at gøre det lettere for dig eller dine brugere til at ændre farveskemaet der anvendes i programmet . Da farveskemaer er defineret ved hjælp Cascading Style Sheets ( CSS) , kan du oprette en ekstern CSS-fil , medtage det i PHP-kode og bruge PHP til at afgøre logikken i , hvordan farveskema anvendes. Når du vil ændre farveskemaet , kan du blot redigere CSS-fil og erstatte farver med forskellige farver. Instruktioner
1
Opret en CSS-fil og indtaste styling tags , der skal anvendes i ansøgningen. For eksempel vil oprette et farveskema , der viser almindelig tekst i sort, men viser en baggrundsfarve lyserødt til en kvindelig navn og blå for en mandlig navn, type : Hej
body { font- family: Arial, Helvetica , sans-serif ; font-size: . 12px }
header {font -weight : fed; color: # 339 }
f {color : # 000 ; background- color : . # . FF99FF }
m { color: # 000 ; background- color: # 66CCFF }
2
Opret en ny PHP-fil , og indsæt HTML overskrifter for filen. ! Skriv f.eks : Hej
< DOCTYPE HTML PUBLIC "- //W3C //DTD HTML 4.01 Transitional //EN " Navne
3
Sæt HTML typografi-tags og omfatter den eksterne CSS-fil ved hjælp af PHP . Skriv f.eks : < ? Php
omfatte " style.css "
>
< /style > < br >
< /head>
4
skabe en række data til at vise ved hjælp af styling tags. Indsæt et navn og køn , hvilket vil styre farven anvendte ordning. Skriv f.eks : ?
< 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
Output HTML -kode ved hjælp PHP, der erstatter den korrekte klasse for CSS styling baseret på de oplysninger , der er indeholdt i data. Skriv f.eks : Hej
echo '
< /tr> "; < br > foreach ( $ data som $ index => $ person) {
printf ( "
% s | < ;/tr> ' , $ person, [" sex" ] , $ persons [ "navn" ])
}
echo'
";
< p > ? >
< /body >
< /html >
6
Rediger CSS-fil og ændre farveskema. Kør PHP script og se resultaterne på skærmen.