Πώς να Τοποθετήστε PHP Into CSS

CSS είναι μια γλώσσα φύλλο στυλ που χρησιμοποιείται για την αποθήκευση και τη μορφοποίηση της οθόνης επιλογές για έγγραφα που έχουν συνταχθεί σε γλώσσα σήμανσης , όπως ιστοσελίδες . Παρά το γεγονός ότι τα φύλλα στυλ μπορεί να εξοικονομήσει τεράστια ποσά του χρόνου σε debugging και επεξεργασία ρυθμίσεων εμφάνισης για τα μεγάλα sites , ένα σοβαρό περιορισμό για τους προγραμματιστές είναι ότι το CSS δεν έχει τη δυνατότητα να αποθηκεύσετε ή να καλέσετε μεταβλητές . Εισάγετε PHP - το δημοφιλές, δωρεάν , ανοιχτού κώδικα , αντικειμενοστραφείς , server-side γλώσσα προγραμματισμού . Όταν χρησιμοποιείτε την PHP με CSS , είναι δυνατό να συνεργαστεί με τις μεταβλητές και σταθερές για να ενισχύσει περαιτέρω έλεγχο την εμφάνιση ενός εγγράφου . PHP κώδικας ερμηνεύεται από τον server που τρέχει , CSS και ερμηνεύεται από όποιο χρησιμοποιείται πρόγραμμα περιήγησης στο Web . Για να χρησιμοποιήσετε το PHP σε έγγραφα CSS σας , θα χρειαστεί να εγκαταστήσετε τον Apache Server και την πιο πρόσφατη έκδοση της PHP . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
Web Browser
CSS Compiler
Apache Server
PHP 5
Η Εμφάνιση Περισσότερες οδηγίες
Dynamic CSS με την PHP

1

Κατεβάστε την κλάση CSS Compiler από Interfacelabs στο http://interfacelab.com/code/css_compiler.zip . Αποσυμπιέστε το πακέτο , και να αποθηκεύσετε το αρχείο PHP στο root directory του εγγράφου σας . Θα πρέπει να συμπεριλάβετε αυτό το έγγραφο σε οποιαδήποτε σελίδα HTML που μπορεί να χρησιμοποιήσει ένα φύλλο στυλ που έχει μεταβλητές . 2

Ανοίξτε τον αγαπημένο απλό επεξεργαστή κειμένου σας , και να δημιουργήσετε ένα νέο έγγραφο κειμένου με επέκταση αρχείου cssp . . Εάν δεν προσθέσετε το μικρό « π » στην επέκταση του αρχείου , οι μεταβλητές δεν θα λειτουργήσει .
Εικόνων 3

Δήλωση μεταβλητών σας σε μια κατά κανόνα στην αρχή του εγγράφου cssp όπως αυτό :

@ μεταβλητές

{

variable1 : τολμηρή 20px " Times New Roman " ?

variable2 : # 000fff ?

variableA : 24px ?

variableB : 10 % ?

variableC : 10px ?

}
Η 4

Χρησιμοποιήστε το "var ( ) " λειτουργία να υπενθυμίσει κάθε μεταβλητή που δημιουργείτε τοποθετώντας το όνομα της μεταβλητής μεταξύ των παρενθέσεων . Για παράδειγμα , αν θέλετε όλα τα στοιχεία της παραγράφου να χρησιμοποιήσετε variable1 , θα περιλαμβάνει κώδικα όπως αυτό :

p {font : var ( variable1 ) ? }

Σημειώστε ότι οι μεταβλητές είναι case-sensitive .
5

Χρησιμοποιήστε το " eval ( ) " και στην τυπική φορείς + , - , * και /για να εκτελούν υπολογισμούς σε μεταβλητές . Πρέπει να ρυθμιστεί σε px , em , ή % , και πρέπει να ταιριάζουν . Για παράδειγμα, στο σύνολο των μεταβλητών μας , λειτουργίες μπορούν να εκτελούνται σε variableA και variableC επειδή τίθενται τόσο στα pixels . Ωστόσο , αν κάνετε τον υπολογισμό μεταξύ variableB και variableA , δεν θα λειτουργήσει . Για παράδειγμα :

div.header {

πλάτος : eval ( variableA - variableC ) ?

Ύψος : eval ( variableC + 10px ) ?

}

το αποτέλεσμα θα είναι ένα δοχείο div με πλάτος 14 pixels και ύψος 20 pixels .
Η 6

Γράψτε τον παρακάτω κώδικα PHP στην κορυφή του κάθε εγγράφου HTML που σκοπεύετε να χρησιμοποιήσετε αυτά τα στυλ , για να συμπεριλάβει το σενάριο CSS compiler που κατεβάσατε προηγουμένως . Εάν η σελίδα HTML και το CSS compiler είναι στον ίδιο φάκελο , ο κώδικας θα πρέπει να μοιάζει κάπως έτσι : ?

<

//Περιλαμβάνουν το μεταγλωττιστή

περιλαμβάνει « css_compiler . php " ?

>
Η

7 Τοποθετήστε ένα" στυλ ( ) »ανάμεσα στην και για να συμπεριλάβει φύλλο στυλ σας ; . Η λειτουργία στυλ απαιτεί δύο επιχειρήματα . Πείτε το πρόγραμμα περιήγησης την απόλυτη διαδρομή προς το φάκελο που περιέχει το αρχείο CSS σας , και στη συνέχεια ονομάστε το αρχείο CSS που θέλετε να συμπεριλάβετε χωρίς την επέκταση του αρχείου . Για παράδειγμα , εάν τα αρχεία CSS σας βρίσκονται στο var /www /, ο κώδικάς σας θα πρέπει να μοιάζει κάπως έτσι :

<

στυλ ( ' /var /www /', ' yourcss »; ) ?

>
8

Ορίστε το στυλ των στοιχείων στο έγγραφο HTML σας το ίδιο σαν να ήσασταν χρησιμοποιώντας το κανονικό στατικό CSS? . Για παράδειγμα :

θα δημιουργήσει το δοχείο που κάναμε στο βήμα 5 που είναι 14 pixels πλάτος και 20 pixels ύψος
Η <. br >
Η