CSS is een style sheet taal die wordt gebruikt om de opmaak en weergave-opties te slaan voor documenten geschreven in een markup taal , zoals webpagina's . Hoewel style sheets enorm veel tijd kunt besparen bij het debuggen en bewerken uitstraling instellingen voor grote sites , een ernstige beperking voor programmeurs is dat CSS niet de mogelijkheid hebben om op te slaan of te bellen variabelen . Voer PHP - de populaire , gratis, open - source , object-georiënteerde , server - side programmeertaal . Wanneer u PHP gebruikt met CSS , is het mogelijk om te werken met variabelen en constanten om de controle over het uiterlijk van een document verder te verbeteren . PHP-code wordt geïnterpreteerd door de server waarop het, en CSS wordt geïnterpreteerd door welke webbrowser wordt gebruikt . Om PHP te gebruiken in uw CSS- documenten , moet je Apache server en de nieuwste versie van PHP te installeren . Wat je nodig hebt
tekst editor
webbrowser verkopen CSS Compiler
Apache Server
PHP 5
Toon Meer Aanwijzingen
dynamische CSS met PHP
< br > 1 Download de CSS Compiler klas vanaf Interfacelabs op http://interfacelab.com/code/css_compiler.zip . Unzip het pakket , en bewaar het PHP bestand in de root directory van uw document . U moet dit document zijn op een HTML-pagina die een stylesheet die variabelen heeft kunnen gebruiken . Kopen van 2 Open uw favoriete eenvoudige tekst-editor , en maak een nieuw tekstdocument met een . CSSP bestandsextensie . Als u niet toevoegen van de kleine ' p ' om het bestand extensie , zal de variabelen niet werken .
3 Verklaar uw variabelen in een bij - regel aan de bovenkant van de CSSP document als dit :
@ variabelen
{
variabele1 : bold 20px " Times New Roman " ; variabele2
: # 000fff ;
variabeleA : 24px ; variabeleB
: 10 % ; variableC
: 10px ; functie
}
4 Gebruik de " var ( ) " elk variabele u maakt oproepen door het plaatsen van de naam van de variabele tussen de haakjes . Bijvoorbeeld, als u wilt dat alle paragraaf elementen te variable1 gebruiken , zou je een code bevatten als dit:
p {font : var ( variabele1 ) ; } notitiekaarten die variabelen zijn altijd hoofdlettergevoelig .
5 Gebruik de " eval ( ) " functie en standaard operatoren + , - , * en /om berekeningen op variabelen uit te voeren . Zij moeten worden ingesteld in px , em , of % , en ze moeten overeenkomen . Bijvoorbeeld , in onze set variabelen , kunnen worden uitgevoerd op variabeleA en variableC omdat beide zijn ingesteld in pixels . Echter , als je de berekening tussen variabeleB en variabeleA voeren , zal het niet werken . Bijvoorbeeld : div.header
{ width
: eval ( variabeleA - variableC ) ; hoogte
: eval ( variableC + 10px ) ;
}
het resultaat zal een div container met een breedte van 14 pixels en een hoogte van 20 pixels zijn.
6 Schrijf de volgende PHP- code aan de bovenkant van elk HTML- document dat u van plan bent om deze stijlen gebruiken om de CSS- compiler script eerder hebt gedownload zijn . Als de HTML-pagina en de CSS- compiler zijn in dezelfde map , moet de code er als volgt uit : ? <
//Onder de compiler
zijn ' css_compiler . php ' ; ?
>
7 invoegen van een functie " stijl ( ) " tussen de en < /head > tags om uw style sheet bevatten . De functie stijl vraagt om twee argumenten . Vertel de browser het absolute pad naar de map die je CSS -bestand bevat en noem het CSS- bestand dat u wilt opnemen zonder de bestandsextensie . Bijvoorbeeld , als uw CSS-bestanden bevinden zich in var /www /, uw code moet er zo uitzien : ? <
Style
( ' /var /www /' , ' yourcss ' ) ;
>
8 Stel de stijl van elementen in uw HTML-document hetzelfde als wanneer je met behulp van gewone statische CSS ? . Bijvoorbeeld :
|
