Σε αυτό το άρθρο, θα μάθετε 'Πώς να χρησιμοποιείτε το CSS σε PHP echo'.
Ίσως γνωρίζετε ήδη ότι η μέθοδος PHP echo μπορεί να χρησιμοποιηθεί για την επιστροφή html στο πρόγραμμα περιήγησης.
Αλλά έχετε ποτέ αναρωτηθεί αν μπορεί να επιστρέψει CSS; Η απάντηση είναι ναι, αλλά θα μάθετε λεπτομερώς όλες τις δυνατότητες σε αυτό το άρθρο.
Όπως το άρθρο μας με τίτλο «Πώς να χρησιμοποιήσετε το CSS σε Php echo», θα σας πούμε πώς να το κάνετε αυτό, αλλά θα σας πούμε επίσης τις εναλλακτικές μεθόδους.
Λοιπόν, ας δούμε πρώτα το CSS που χρησιμοποιείται απευθείας μέσα στην ηχώ και μετά τις εναλλακτικές μεθόδους. Όπως γνωρίζουμε, το CSS μπορεί είτε να είναι ενσωματωμένο στο έγγραφο html, σε ένα εξωτερικό φύλλο στυλ ή μέσα στην ετικέτα που ονομάζεται ενσωματωμένη CSS.
Λοιπόν, ας δούμε πώς μπορούμε να τα κάνουμε όλα αυτά χρησιμοποιώντας Php echo.
Ενσωμάτωση CSS σε έγγραφο html
Καθώς επιστρέφουμε κάποιο κώδικα html με PHP echo, μπορούμε να επιστρέψουμε και το CSS μαζί του; Σημειώστε ότι επί του παρόντος, δεν μιλάμε για ενσωματωμένο CSS που θα ήταν η τρίτη μας μέθοδος. Δείτε το παρακάτω παράδειγμα
<!DOCTYPE html>
<html>
<body>
<?php
echo "
<html>
<head>
<style>
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body>
<h1>How to use CSS in Php echo</h1>
</body>
</html>
";
?>
</body>
</html>
Αυτό που κάνουμε είναι να επιστρέφουμε ολόκληρο τον προέλευση του εγγράφου html μέσα στη δήλωση Php echo.
Δεν θα συζητήσουμε αν είναι καλή ή κακή πρακτική, αλλά μπορείτε να την απλοποιήσετε παραλείποντας τις ετικέτες κεφαλιού και σώματος. Δείτε τον ίδιο κωδικό παρακάτω.
<!DOCTYPE html>
<html>
<body>
<?php
echo "
<style>
h1 {
color: maroon;
margin-left: 40px;
}
</style>
<h1>How to use CSS in Php echo</h1>
";
?>
</body>
</html>
Σύνδεση με εξωτερικό φύλλο στυλ εντός PHP echo
Τώρα η δεύτερη επιλογή αν είναι δυνατή η σύνδεση του κώδικα html που επιστρέφεται με echo σε ένα εξωτερικό φύλλο στυλ. Η απάντηση είναι ναι. Παρακάτω είναι ένα παράδειγμα.
<!DOCTYPE html> <html> <head> </head> <body> <?php echo " <link rel=\"stylesheet\" type=\"text/css\" href=\"https://www.w3schools.com/w3css/4/w3.css\" > <h1>How to use CSS in Php echo</h1> "; ?> </body> </html>
Μπορείτε να δείτε ότι έχουμε συνδεθεί σε ένα εξωτερικό δημόσιο φύλλο στυλ μόνο για εκπαιδευτικούς σκοπούς. Μπορείτε επίσης να δείτε το \ πριν από τα διπλά εισαγωγικά. Καθώς τα εισαγωγικά είναι ως επί το πλείστον μέρος του Php, έτσι χρησιμοποιήσαμε κάθετο πριν από αυτό για να πούμε στην Php να το αγνοήσει.
Προσθήκη ενσωματωμένου CSS στις ετικέτες html εντός echo
Αυτή είναι η τρίτη πιθανότητα που παραθέτουμε. Ελπίζω ότι αυτό ήταν ξεκάθαρο. Ας γράψουμε τον παραπάνω κώδικα σε ενσωματωμένο CSS.
<!DOCTYPE html> <html> <body> <?php echo " <h1 style=\"color: maroon;margin-left: 40px\">How to use CSS in Php echo</h> "; ?> </body> </html>
Λάβετε υπόψη ότι έχουμε επίσης προσθέσει το \ πριν από τα διπλά εισαγωγικά στο echo.
ΕΝΑΛΛΑΚΤΙΚΕΣ ΜΕΘΟΔΟΙ
Προσθέστε το CSS που επιθυμείτε στο έγγραφο html ή στο κύριο εξωτερικό φύλλο στυλ του ιστότοπού σας. Εάν τα στοιχεία html στοχεύονται συγκεκριμένα με χρήση κλάσεων και αναγνωριστικών: Μπορούν επίσης να προστεθούν στα στοιχεία μέσα στη μέθοδο echo. Απλώς φροντίστε το \ πριν από διπλά ή μονά εισαγωγικά.
Αυτά είναι όλα για σήμερα. Ελπίζω να μπορέσατε να μάθετε 'Πώς να χρησιμοποιείτε το css στο php echo'. Όπως πάντα, τα σχόλια και οι προτάσεις είναι ευπρόσδεκτα. Σου εύχομαι ό,τι καλύτερο και αντίο.
