Τα Cascading Style Sheets (CSS) έχουν σχεδιαστεί χρησιμοποιώντας το ή μορφή XML (συμπεριλαμβανομένου του XHTML, SVG). Είναι μια γλώσσα φύλλων στυλ που χρησιμοποιείται κυρίως για την περιγραφή στοιχείων μέσω μιας διαφορετικής σειράς μεθόδων μορφοποίησης. Μία από τις μεθόδους αιωρείται και σε αυτό το άρθρο, θα κατανοήσουμε το Hover σε CSS με τον ακόλουθο τρόπο:
- Τι είναι το Hover στο CSS;
- Πού χρησιμοποιείται το Hover;
- Τι κάνει το Hover;
- Συμβατότητα
- Πώς λειτουργεί;
- Αιωρήστε το χρώμα του φόντου Αλλαγή σε 'Κόκκινο'
- Δημιουργία αιωρήματος αιωρήματος στις εικόνες
- Δημιουργία επικάλυψης κειμένου σε εικόνες
Τι είναι το Hover στο CSS;
Το CSS hover είναι ένα στοιχείο επιλογής που χρησιμοποιείται για το στυλ διαφορετικών στοιχείων όταν ο δείκτης του ποντικιού αιωρείται πάνω τους. Μπορούν να χρησιμοποιηθούν σε σχεδόν κάθε στοιχείο HTML. Το χαρακτηριστικό hover στο CSS έχει σημαντική σημασία στο σχεδιασμό ιστοσελίδων.
μέθοδος python __init__
Το στοιχείο hover μπορεί να επισημάνει, να κωδικοποιήσει και να προσαρμόσει ιστοσελίδες σύμφωνα με τις προτιμήσεις των χρηστών σε ένα συμπαγές και πραγματικό πρόγραμμα σχεδιασμού ιστοσελίδων.
Πού χρησιμοποιείται το Hover;
Τα πιο συνηθισμένα παραδείγματα της βιωσιμότητας του χαρακτηριστικού hover μπορούν να επισημανθούν σε μεγάλους ιστότοπους αγορών όπως το Flipkart και το Amazon. Όταν οι χρήστες αιωρούνται σε οποιοδήποτε προϊόν σε αυτούς τους ιστότοπους ηλεκτρονικού εμπορίου, το προϊόν είναι προγραμματισμένο να εκτελεί μια αυτοματοποιημένη λειτουργία αιωρούμενου ζουμ για να παρέχει στον πελάτη καλύτερη εικόνα των επιλεγμένων προϊόντων του. Μέσω αυτού του προγραμματισμού, η ιστοσελίδα έχει σχεδιαστεί για να εμφανίζει μια συμπαγή προβολή ολόκληρης της γκάμας προϊόντων συνοδευόμενη από μια λεπτομερή προβολή του προϊόντος που ενδιαφέρει σε έναν σχεδιασμό ιστοσελίδας.
Τι κάνει το Hover;
Το hover είναι ένα πολυλειτουργικό εργαλείο προγραμματισμού μέσω του οποίου ο χρήστης μπορεί να προσαρμόσει το στοιχείο προορισμού με έναν ατελείωτο αριθμό κριτηρίων μορφοποίησης. Ορισμένες περιπτώσεις της λειτουργικής τεχνογνωσίας του χαρακτηριστικού hover περιλαμβάνουν:
- Αλλαγή χρώματος φόντου / γραμματοσειράς
- Ενσωμάτωση κρυμμένου κειμένου που εμφανίζεται στο Hover
- Δημιουργήστε Rollover Effects στις εικόνες
- Αυτοματοποιημένο ζουμ σε κείμενο / εικόνες
- Τροποποίηση αδιαφάνειας εικόνας
- Ενσωμάτωση κειμένου
- Ανταλλαγή εικόνας
- Διχ. Φτερουγίζω
- Πολλαπλές άλλες λειτουργίες μορφοποίησης Hover CSS.
Το εφέ αιωρήματος τροποποιεί βασικά την τιμή της ιδιότητας ενός στοιχείου για να επιτρέψει τις κινούμενες αλλαγές σε ένα δηλωμένο κείμενο / εικόνα ή αντίστοιχα στοιχεία. Η ενσωμάτωση στοιχείων CSS hover σε σχεδιασμό ιστοσελίδας μετατρέπει μια κανονική ιστοσελίδα σε διαδραστική, στιβαρή και εξαιρετικά λειτουργική ιστοσελίδα. Αυτά τα σχέδια ιστοσελίδων είναι φιλικά προς το χρήστη και περιεκτικά. Οι ιστοσελίδες που έχουν σχεδιαστεί από το Hover περιέχουν υψηλότερη έκκληση για τους καταναλωτές και δελεάζουν τους πιθανούς πελάτες.
Συμβατότητα του Hover στο CSS
Το χαρακτηριστικό hover είναι συμβατό με όλα τα μεγάλα προγράμματα περιήγησης στο Web. Ωστόσο, η εφαρμογή αυτού του στοιχείου σε συσκευές αφής εξακολουθεί να είναι μια δύσκολη εργασία. Το hover στο CSS επιτρέπει την προσβασιμότητα περιεχομένου σε συσκευές που δεν υποστηρίζουν λειτουργίες hover. Έχει παρατηρηθεί ότι μια ενεργοποιημένη λειτουργία αιωρηματοδότησης στη μη υποστηρικτική συσκευή μπορεί να κολλήσει στη συσκευή.
Κατά συνέπεια, η ζωτική εμφάνιση κρίσιμου περιεχομένου αποκλείεται μέσω του ζητήματος μορφοποίησης. Από τη μία πλευρά, όπου το στοιχείο hover στο πρόγραμμα CSS συμβάλλει σε μεγάλο βαθμό αποτελεσματικής εξατομίκευσης στις ιστοσελίδες αντίστροφα, η λειτουργικότητά του σε κινητές συσκευές είναι εξαιρετικά αδρανής. Ανταποκρινόμαστε στις συνθήκες όπου ο κόσμος της πληροφορικής αναπτύσσεται ουσιαστικά κινητός, το χαρακτηριστικό hover κινδυνεύει να ξεπεραστεί με τις τεχνολογικές εξελίξεις. Επομένως, η ανάγκη δημιουργίας ενός φορητού ενσωματωμένου χαρακτηριστικού που λειτουργεί με συσκευές αφής και κινητές συσκευές είναι εξαιρετικά κρίσιμη.
Πώς λειτουργεί το Hover στο CSS;
Το ενεργό στυλ ψευδο-κατηγορίας είναι κυρίαρχο στη μορφοποίηση CSS hover και παρακάμπτει οποιονδήποτε / κάθε επόμενο σύνδεσμο που ακολουθείται από αυτήν την ψευδο-τάξη. Για παράδειγμα, στο pseudo-class “: link: visit, or: active ο κανόνας: hover πρέπει να τοποθετηθεί μετά: link και: visit αλλά πριν: ενεργός για κατάλληλο: hover styling. Η σειρά LVHA:: link,: hover,: επισκέφθηκε και: ενεργή χρησιμοποιείται ως αναφορά για το σωστό: στυλ μορφοποίησης hover.
div {background-color: green padding: 18px display: none} span: hover + div {display: block}Hover Test!Εμφανίζεται κρυμμένος κώδικας στο hover
Στον παραπάνω κώδικα, το στοιχείο span τροποποιείται για να συγχωνεύσει το στοιχείο hover και div χρησιμοποιώντας το στοιχείο span: hover + div. Το στοιχείο span που θα εμφανιστεί στην κύρια σελίδα προορισμού θα εμφανίσει το κείμενο 'Hover test!' Περαιτέρω αιωρείται στο στοιχείο span αποκαλύπτει το στοιχείο div 'Κρυμμένος κώδικας δείχνει στο hover'. Αυτή η μορφή ενσωμάτωσης είναι λειτουργική τόσο στο κείμενο όσο και στις εικόνες.
συμβολοσειρά ημερομηνίας java έως σήμερα
Αιωρήστε το χρώμα του φόντου Αλλαγή σε 'Κόκκινο'
p: hover, h1: hover, a: hover {φόντο-χρώμα: Κόκκινο}Hover Red
Hover Red
Συνδέσεις:
Hover Test Red:
Google comΣημείωση: Χαίρετε
πώς να χρησιμοποιήσετε αρχεία σε Java
Ο παραπάνω κώδικας προσαρμόζει το
,