Το όνομα του χρώματος που πρέπει να εμφανίζεται στη διεπαφή εξόδου είναι γραμμένο σε αυτήν την ιδιότητα φόντου. Για παράδειγμα, ' φόντο: κόκκινο ' θα ορίσει το χρώμα του φόντου κόκκινο. Ομοίως, για να διατηρήσετε το φόντο απλό ή για να αφαιρέσετε τα χρώματα φόντου, ' κανένας ' και ' διαφανής ' χρησιμοποιούνται στην ιδιότητα φόντου αντί για το όνομα ενός χρώματος.
Τόσο το background:none όσο και το background:transparent εμφανίζουν τα ίδια αποτελέσματα καθώς αφαιρούν εντελώς το φόντο. Έτσι, δεν υπάρχει σημαντική διαφορά μεταξύ της λειτουργίας των δύο.
Διαφορά μεταξύ 'background:none' και 'background:transparent' στο CSS
Ο ' φόντο: κανένα ' και ' φόντο: διαφανές ”, και τα δύο χρησιμοποιούνται για τον ίδιο σκοπό. Ορίζουν το χρώμα φόντου ως κανένα ή αφαιρούν το χρώμα από το φόντο.
Ωστόσο, αν σκεφτούμε κριτικά και προσπαθήσουμε να βρούμε διαφορές μεταξύ τους, τότε υπάρχουν δύο πιθανές διαφορές:
- Η κύρια διαφορά μεταξύ των δύο είναι ότι είναι διαφορετικές λέξεις με διαφορετικούς αριθμούς χαρακτήρων σε αυτές. Έτσι, πολλοί άνθρωποι πιστεύουν ότι όταν χρησιμοποιούνται σε ένα τεράστιο έγγραφο πολλές φορές σε διαφορετικά μέρη, το έγγραφο που χρησιμοποιεί ' φόντο: κανένα ” ενδέχεται να χρειαστεί λιγότερος χρόνος για τη μεταγλώττιση επειδή κανένας δεν έχει μικρότερο αριθμό χαρακτήρων σε σύγκριση με το διαφανές.
- Αν μιλάμε για το πώς συντάσσονται, τότε, « φόντο: κανένα ” ορίζει την εικόνα φόντου σε καμία ή ας πούμε ότι αφαιρεί το χρώμα φόντου. Από την άλλη πλευρά, το « φόντο: διαφανές Το ” ορίζει το διαφανές χρώμα ως φόντο του κειμένου ή ολόκληρης της διεπαφής (όποιο αναφέρεται στο στοιχείο στυλ CSS).
Ωστόσο, αυτοί οι τύποι διαφορών μπορούν να παραβλεφθούν αν μιλήσουμε για τον αντίκτυπο που έχουν στη γραφική διεπαφή, επειδή δεν θα υπάρξει διαφορά στο τέλος.
Παράδειγμα: Εφαρμογή φόντου:κανένα και φόντου:διαφανές
Ας αποδείξουμε πρακτικά ότι « φόντο: κανένα ' και ' φόντο: διαφανές Κάντε το ίδιο πράγμα στη διεπαφή. Γράψτε ένα απόσπασμα κώδικα για να γνωρίζετε τον αντίκτυπο της ιδιότητας φόντου CSS τόσο με το none όσο και με το διαφανές:
< h2 ταυτότητα = 'κείμενο' >Αυτό είναι ένα απλό κείμενο για να εξηγήσει το σκοπό του background:none και του background:transparent
< / h2 >
Στο προαναφερθέν απόσπασμα κώδικα, υπάρχει μια επικεφαλίδα που δημιουργήθηκε σε ένα έγγραφο HTML και της έχει δοθεί ένα αναγνωριστικό που ονομάζεται ' κείμενο '.
Προσθήκη της ιδιότητας φόντου CSS
Στο κείμενο δόθηκε ένα αναγνωριστικό, οπότε ας δημιουργήσουμε έναν επιλογέα αναγνωριστικού στο στοιχείο στυλ CSS και απλώς προσθέστε το ' φόντο: κανένα ” ιδιοκτησία σε αυτό:
# κείμενο {Ιστορικό : κανένας ;
}
Ομοίως, για να γράψετε το « φόντο: διαφανές ιδιότητα, δεν υπάρχει διαφορά στη μέθοδο. Απλώς, αντικαταστήστε το ' κανένας ' με ' διαφανής ”:
# κείμενο {Ιστορικό : διαφανής ;
}
Και τα δύο ' φόντο: κανένα ' και ' φόντο: διαφανές ' θα δημιουργήσει την ίδια έξοδο:
Σημαίνει ότι δεν υπάρχει διαφορά μεταξύ των δύο και συντάσσονται με τον ίδιο τρόπο.
Προσθήκη ιδιότητας φόντου με όνομα χρώματος
Τώρα, αν προσθέσουμε ένα όνομα χρώματος αντί να γράψουμε ' κανένας ' και ' διαφανής ', η έξοδος δεν θα είναι ποτέ η ίδια με αυτή που δημιουργείται από το ' φόντο: κανένα ' και ' φόντο: διαφανές '. Για παράδειγμα, γράφουμε ένα όνομα χρώματος στην ιδιότητα φόντου:
# κείμενο {Ιστορικό : γαλάζιο ;
}
Η διαφορά είναι ξεκάθαρη. Δεν εμφανίζει την ίδια έξοδο όπως στην περίπτωση του φόντο: κανένα και φόντο: διαφανές :
Αυτό συνοψίζει τη διαφορά μεταξύ background:none και background:transparent.
συμπέρασμα
Τα φόντο:κανένα και φόντο:διαφανές χρησιμοποιούνται για την αφαίρεση του χρώματος φόντου και για να ορίσετε το χρώμα φόντου ως διαφανές, αντίστοιχα. Όμως, επειδή και τα δύο έχουν ακριβώς τον ίδιο αντίκτυπο στη διεπαφή εξόδου, τόσο το background:none όσο και το background:transparent μπορούν να χρησιμοποιηθούν για τον ίδιο σκοπό.