|
CSS est un langage de feuille de style qui est utilisé pour stocker le formatage et les options d'affichage pour les documents écrits dans un langage de balisage , tels que les pages Web. Bien feuilles de style peuvent économiser énormément de temps à déboguer et modifier les paramètres d'apparence pour les grands sites , une limitation sévère pour les programmeurs est que le CSS n'a pas la capacité de stocker ou appeler les variables . Entrez PHP - le , libre, open-source, orientée objet , le langage populaire de la programmation côté serveur . Lorsque vous utilisez PHP avec CSS, il est possible de travailler avec des variables et des constantes pour renforcer le contrôle sur l'apparence d'un document. Code PHP est interprété par le serveur qui exécute , et CSS est interprétée par n'importe quel navigateur Web est utilisé. Pour utiliser PHP dans vos documents CSS , vous aurez besoin d'installer Apache Server et la dernière version de PHP. Choses que vous devez
éditeur de texte
Web Browser
CSS compilateur
serveur Apache
PHP 5
Voir Plus Instructions
CSS dynamique avec PHP
1 Téléchargez la classe du compilateur CSS de Interfacelabs à http://interfacelab.com/code/css_compiler.zip . Décompressez l'archive et stocker le fichier PHP dans le répertoire racine de votre document. Vous devrez inclure ce document dans n'importe quelle page HTML qui peuvent utiliser une feuille de style qui a des variables .
2 Ouvrez votre éditeur de texte simple favorite, et de créer un nouveau document texte avec une extension de fichier . Cssp . Si vous n'ajoutez pas le petit «p» pour l'extension de fichier , les variables ne fonctionneront pas.
3 déclarer vos variables dans un en - règle en haut du document cssp comme ceci:
@ variable
{
variable1 : 20px bold " Times New Roman" ;
variable 2 : # 000fff ;
variableA : 24px ;
variableB : 10%; variableC Photos : 10px ; }
4 Utilisez le " var ()" fonction pour rappeler une variable que vous créez en plaçant le nom de la variable entre crochets. Par exemple, si vous souhaitez que tous les éléments de paragraphe à utiliser variable1 , vous souhaitez inclure du code comme ceci:
p {font : var ( variable1 );}
Notez que les variables sont toujours sensibles à la casse .
5 Utilisez la fonction "eval ()" et les opérateurs standard + , -, * et /pour effectuer des calculs sur les variables . Elles doivent être définies en px, em ou% , et ils doivent correspondre. Par exemple, dans notre ensemble de variables , les opérations peuvent être effectuées sur variableA et variableC parce qu'ils sont tous les deux ensemble en pixels. Cependant , si vous effectuez le calcul entre variableB et variableA , cela ne fonctionnera pas . Par exemple:
div.header {
largeur de : eval ( variableA - variableC ) ;
hauteur de : eval ( variableC + 10px ) ;
} Photos le résultat sera un conteneur div avec une largeur de 14 pixels et une hauteur de 20 pixels.
6 Ecrire le code PHP suivant en haut de chaque document HTML que vous prévoyez d'utiliser ces styles pour inclure le script de compilation CSS vous avez téléchargé précédemment . Si la page HTML et le compilateur CSS sont dans le même dossier , le code devrait ressembler à ceci :
<
//include du compilateur
include ' css_compiler . php ' ; ?
>
7 Insérer une fonction " de style ()" entre le et pas d'inclure votre feuille de style. La fonction de style appelle deux arguments. Dites le navigateur le chemin absolu vers le dossier qui contient votre fichier CSS , puis nommez le fichier CSS que vous souhaitez inclure , sans l'extension de fichier . Par exemple, si vos fichiers CSS sont situés dans var /www /, votre code devrait ressembler à ceci :
<
style ( '/var /www /"," yourcss ' ) ;
>
8 Définir le style des éléments dans votre document HTML le même que si vous utilisiez CSS statique régulière? . Par exemple:
va créer le conteneur que nous avons fait à l'étape 5 qui est de 14 pixels de large et 20 pixels de haut
< . br>
|
