Als je de ontwikkeling van PHP-applicaties , soms willen dat je het makkelijker voor u of uw gebruikers om het kleurenschema gebruikt in het programma veranderen. Aangezien kleurenschema's worden gedefinieerd met behulp van Cascading Style Sheets ( CSS ) , kunt u een externe CSS- bestand te maken , neemt die in de PHP-code en gebruik PHP om de logica van hoe het kleurenschema wordt gebruikt beslissen . Als u wilt om het kleurenschema te wijzigen , kunt u gewoon het CSS- bestand te bewerken en vervang de kleuren met verschillende kleuren . Instructies 1 Maak een CSS-bestand en voer de styling -tags te gebruiken in de applicatie . Bijvoorbeeld , om een kleurenschema dat gewone tekst weergegeven in het zwart , maar toont een achtergrond kleur van roze voor een vrouwelijke naam en blauw voor een mannelijke naam te maken, typ : body { font-family : Arial , Helvetica , sans - serif ; font-size : . 12px } header { font-weight : bold ; kleur : # 339 } f {color : # 000 ; background-color : . # . FF99FF } m {color : # 000 ; background-color : # 66CCFF } kopen van 2 Maak een nieuwe PHP- bestand en plaatst de HTML- headers voor het bestand . ! Typ bijvoorbeeld : < DOCTYPE HTML PUBLIC " - //W3C //DTD HTML 4.01 Transitional //EN " Namen < /title > 3 Plaats de HTML- stijl tags en ook de externe CSS-bestand met behulp van PHP . Typ bijvoorbeeld : < ? Php bevatten " style.css " ; > < /style > < br > < /head > 4 Maak een array van gegevens om te tonen met behulp van de styling -tags . Geef een naam en het geslacht , die het kleurenschema gebruikt zal beheersen . Typ bijvoorbeeld : < php $ data = array ( ) ; array_push ( $ data , array ? ( " name" = > " Susan " , "sex " = > " f " ) ) ; array_push ( $ data , array ( " name" = > " Tom " , "sex " = > " m " ) ) ; array_push ( $ data , array ( " name" = > " Steve " , "sex " = > " m " ) ) ; array_push ( $ data , array ( " name" = > " Jane " , "sex " = > " f " ) ) ; 5 Output HTML -code met behulp van PHP , die een vervanging van de juiste klasse voor CSS styling op basis van de informatie in de data . Typ bijvoorbeeld : echo ' % s < /td > < ;/tr> ' , $ persoon [ ' geslacht ' ] , $ persoon [ "naam" ] ) ; } echo ' < /table > ' ; ? > < /body > Telefoonkaarten < /html > 6 Bewerk het CSS-bestand en verander het kleurenschema . Herhaling van de PHP-script en de resultaten op het scherm .
|
|