Ένας από τους καλύτερους τρόπους για να μάθετε πώς να κωδικοποιείτε ιστότοπους είναι να κοιτάξετε το πηγαίοι κωδικοί άλλων ιστότοπων. Αυτή η πρακτική είναι πόσοι επαγγελματίες του διαδικτύου έμαθαν την τέχνη τους, ειδικά τις προηγούμενες ημέρες που υπήρχαν πολλές επιλογές σχεδιασμός ιστοσελίδων μαθήματα, βιβλία και διαδικτυακούς τόπους εκπαίδευσης.
Εάν δοκιμάσετε αυτήν την πρακτική και κοιτάξετε τα διαδοχικά φύλλα στυλ ενός ιστότοπου, ένα πράγμα που μπορεί να δείτε σε αυτόν τον κώδικα είναι μια γραμμή που λέει !σπουδαίος. Αυτός ο όρος αλλάζει την προτεραιότητα επεξεργασίας στο φύλλο στυλ.
Ο καταρράκτης του CSS
Τα κλιμακωτά φύλλα στυλ πράγματι αλληλουχία, που σημαίνει ότι τοποθετούνται σε μια συγκεκριμένη σειρά. Γενικά, τα στυλ εφαρμόζονται με τη σειρά που διαβάζονται από το πρόγραμμα περιήγησης. Εφαρμόζεται το πρώτο στυλ και μετά το δεύτερο και ούτω καθεξής.
Ως αποτέλεσμα, εάν ένα στυλ εμφανίζεται στην κορυφή ενός φύλλου στυλ και στη συνέχεια αλλάξει χαμηλότερα στο έγγραφο, η δεύτερη παρουσία αυτού του στυλ είναι αυτή που εφαρμόζεται σε επόμενες περιπτώσεις, όχι η πρώτη. Βασικά, εάν δύο στυλ λένε το ίδιο πράγμα (που σημαίνει ότι έχουν το ίδιο επίπεδο εξειδίκευσης), θα χρησιμοποιηθεί το τελευταίο που αναφέρεται.
Για παράδειγμα, ας υποθέσουμε ότι τα ακόλουθα στυλ περιείχαν ένα φύλλο στυλ. Το κείμενο της παραγράφου θα αποδίδεται με μαύρο χρώμα, παρόλο που η ιδιότητα πρώτου στυλ που εφαρμόζεται είναι κόκκινη. Αυτό συμβαίνει επειδή η τιμή "μαύρο" εμφανίζεται δεύτερη. Δεδομένου ότι το CSS διαβάζεται από πάνω προς τα κάτω, το τελικό στυλ είναι "μαύρο" και επομένως κερδίζει κανείς.
p {χρώμα: κόκκινο; }
p {χρώμα: μαύρο; }
Πώς! Σημαντικό αλλάζει την προτεραιότητα
ο !σπουδαίος Η οδηγία επηρεάζει τον τρόπο με τον οποίο το CSS καταρρέει, ακολουθώντας τους κανόνες που πιστεύετε ότι είναι πιο κρίσιμοι και πρέπει να εφαρμοστούν. Ένας κανόνας που έχει αυτήν την οδηγία εφαρμόζεται πάντα όπου κι αν αυτός ο κανόνας εμφανίζεται στο έγγραφο CSS.
Για να κάνετε το κείμενο της παραγράφου πάντα κόκκινο, από το προηγούμενο παράδειγμα, αλλάξτε το στυλ ως εξής:
p {χρώμα: κόκκινο! σημαντικό; }
p {χρώμα: μαύρο; }
Τώρα όλο το κείμενο θα εμφανίζεται με κόκκινο χρώμα, παρόλο που η "μαύρη" τιμή είναι δεύτερη. Η! Σημαντική οδηγία παρακάμπτει τους κανονικούς κανόνες του καταρράκτη και δίνει σε αυτό το στυλ πολύ υψηλή ειδικότητα.
Εάν χρειάζεστε απολύτως τις παραγράφους για να φαίνονται κόκκινες, αυτό το στυλ θα το έκανε, αλλά αυτό δεν σημαίνει ότι αυτή είναι μια καλή πρακτική.
Πότε να το χρησιμοποιήσετε! Σημαντικό
Η! Σημαντική οδηγία είναι χρήσιμη όταν κάνετε δοκιμές και εντοπισμό σφαλμάτων σε έναν ιστότοπο. Εάν δεν είστε βέβαιοι γιατί δεν εφαρμόζεται ένα στυλ και πιστεύετε ότι μπορεί να είναι μια διένεξη ιδιομορφίας, προσθέστε την! στυλ για να δείτε αν αυτό το διορθώνει - και αν ναι, αλλάξτε τη σειρά των επιλογών και καταργήστε τις σημαντικές οδηγίες από την παραγωγή σας κώδικας.
Εάν ακουμπάτε υπερβολικά την! Σημαντική δήλωση για να επιτύχετε τα επιθυμητά στυλ σας, θα έχετε τελικά ένα φύλλο στυλ γεμάτο με! Σημαντικά στυλ. Θα αλλάξετε ριζικά τον τρόπο επεξεργασίας του CSS της σελίδας. Είναι μια τεμπέλης πρακτική που δεν είναι καλή από μακροπρόθεσμη άποψη διαχείρισης.
Χρησιμοποιήστε το! Σημαντικό για δοκιμή ή, σε ορισμένες περιπτώσεις, όταν πρέπει απολύτως να παρακάμψετε ένα ενσωματωμένο στυλ που αποτελεί μέρος ενός πλαισίου θέματος ή προτύπου. Ακόμη και σε αυτές τις περιπτώσεις, χρησιμοποιήστε αυτήν την προσέγγιση με φειδώ και αντί να γράψετε καθαρά φύλλα στυλ που τιμούν το αλληλουχία.
Φύλλα στυλ χρήστη
Αυτή η οδηγία τέθηκε επίσης σε εφαρμογή για να βοηθήσει τους χρήστες ιστοσελίδων να αντιμετωπίσουν φύλλα στυλ που δυσχεραίνουν τη χρήση ή την ανάγνωση των σελίδων.
Πότε κάποιος ορίζει ένα φύλλο στυλ για προβολή ιστοσελίδων, αυτό το φύλλο στυλ παρακάμπτεται από το φύλλο στυλ του συντάκτη σελίδας. Εάν ο χρήστης επισημαίνει ένα στυλ ως! Σημαντικό, αυτό το στυλ παρακάμπτει το φύλλο στυλ του συντάκτη της ιστοσελίδας, ακόμα και αν ο συγγραφέας επισημαίνει έναν κανόνα ως! Σημαντικό.
Αυτή η ιεραρχία είναι χρήσιμη για χρήστες που πρέπει να ορίσουν στυλ με έναν συγκεκριμένο τρόπο. Για παράδειγμα, ένας αναγνώστης με προβλήματα όρασης μπορεί να χρειαστεί να αυξήσει τα προεπιλεγμένα μεγέθη γραμματοσειρών σε όλες τις ιστοσελίδες που χρησιμοποιούν. Χρησιμοποιώντας την! Σημαντική οδηγία σας με φειδώ στις σελίδες που δημιουργείτε, ικανοποιείτε τις μοναδικές ανάγκες των αναγνωστών σας.