Πώς να δημιουργήσετε ένα εσωτερικό φύλλο στυλ CSS

Τι είναι τα εσωτερικά φύλλα στυλ

Τα εσωτερικά φύλλα στυλ είναι στυλ που τοποθετούνται στο έγγραφο HTML. Αυτά τα στυλ επηρεάζουν μόνο το έγγραφο στο οποίο βρίσκονται και δεν μπορούν να αναφέρονται από κανένα άλλο έγγραφο Web.

Πλεονεκτήματα των εσωτερικών φύλλων στυλ

• Τα εσωτερικά φύλλα στυλ επηρεάζουν μόνο τη σελίδα στην οποία βρίσκονται.
  • Εάν εργάζεστε σε έναν μεγάλο ιστότοπο και πρέπει να δοκιμάσετε στυλ προτού τα τοποθετήσετε στο χώρο ως σύνολο, τα εσωτερικά φύλλα στυλ μπορεί να είναι ένα εξαιρετικό εργαλείο. Σας επιτρέπουν να δοκιμάσετε τα στυλ στο πλαίσιο ολόκληρου του ιστότοπου χωρίς να σπάσετε οποιαδήποτε σελίδα, αλλά αυτή που δοκιμάζετε.
• Τα εσωτερικά φύλλα στυλ μπορούν να χρησιμοποιούν κλάσεις και αναγνωριστικά.
  • Σε αντίθεση με τα inline styles, τα εσωτερικά φύλλα στυλ μπορούν ακόμα να επωφεληθούν από τα μαθήματα, τα αναγνωριστικά, τα αδέλφια και άλλες σχέσεις στοιχείων.
• Τα εσωτερικά φύλλα στυλ δεν απαιτούν τη μεταφόρτωση πολλών αρχείων.
  • Αυτό είναι ιδιαίτερα χρήσιμο όταν εργάζεστε με πράγματα όπως το ηλεκτρονικό ταχυδρομείο ή τα περίπτερα όπου έχετε μόνο ένα αρχείο HTML διαθέσιμο για επεξεργασία. Συχνά χρησιμοποιώ ενσωματωμένα στυλ όταν δεν είμαι σίγουρος για το ποια URL θα είναι ένα φύλλο στυλ που έχει φορτωθεί σε ένα CMS - διατηρώντας τα στυλ με το έγγραφο σημαίνει ότι γνωρίζω ποιες μορφές επηρεάζουν αυτό το έγγραφο.
• Τα εσωτερικά στυλ μπορεί να έχουν υψηλότερη προτεραιότητα από τα εξωτερικά φύλλα στυλ.
  • Αυτό καθορίζεται από τη σειρά φόρτωσης των εξωτερικών φύλλων στυλ. Ο προγραμματιστής ιστού της σελίδας έχει τον έλεγχο του πού θα τοποθετηθούν τα εσωτερικά στυλ στην κεφαλή του εγγράφου. Αν τοποθετούνται μετά τη σύνδεση με εξωτερικά στυλ, θα έχουν υψηλότερη προτεραιότητα στον καταρράκτη και θα υπερβούν το εξωτερικό φύλλο στυλ.

Μειονεκτήματα των εσωτερικών φύλλων στυλ

• Επηρεάζουν μόνο τη σελίδα στην οποία βρίσκονται.
  • Εάν θέλετε να χρησιμοποιήσετε τα ίδια στυλ σε πολλά έγγραφα, θα πρέπει να τα επαναλάβετε για κάθε σελίδα (ή να συνδεθείτε σε ένα εξωτερικό φύλλο στυλ).
• Τα εσωτερικά φύλλα στυλ αυξάνουν τις ώρες φόρτωσης σελίδας
  • Κάθε σελίδα που διαθέτει εσωτερικό φύλλο στυλ πρέπει να φορτώνει και να αναλύει τις πληροφορίες φύλλου στυλ κάθε φορά που φορτώνεται η σελίδα. Τα εξωτερικά φύλλα στυλ αποθηκεύονται από τα προγράμματα περιήγησης - τα οποία βελτιώνουν τους χρόνους φόρτωσης για κάθε σελίδα μετά την πρώτη φόρτωση.

Πώς να γράψετε ένα εσωτερικό φύλλο στυλ

στοιχείο:

1. Ανοίξτε ένα έγγραφο HTML στον επεξεργαστή ιστού σας.
2. Προσθέστε τα παρακάτω μέσα στο

Ένα πλήρες εσωτερικό φύλλο στυλ θα μοιάζει με αυτό: