Ποια είναι η διαφορά μεταξύ της κλάσης επιλογέα CSS και του αναγνωριστικού; χρήση αναγνωριστικού και κλάσης σε HTML

Ποια είναι η διαφορά μεταξύ της κλάσης επιλογέα CSS και του αναγνωριστικού; χρήση αναγνωριστικού και κλάσης σε HTML

Chen Weiliangαυτή τη στιγμή εκτελείταιSEO, βελτιστοποιήστε τον ιστότοποWordPressθέμα.

Αν και έχω μάθει κάποιες βασικές γνώσεις HTML και CSS στο παρελθόν, αλλά δεν το έχω χρησιμοποιήσει για λίγο, ειδικά τη χρήση του τμήματος CSS, είναι εύκολο να το ξεχάσω.

Έτσι, καταγράψτε και συνοψίστε τη διαφορά και τη χρήση του αναγνωριστικού και της κλάσης επιλογέα CSS εδώ:

• Το αναγνωριστικό αντιστοιχεί στο #div
• η κλάση αντιστοιχεί σε .div

Η διαφορά μεταξύ αναγνωριστικού και κλάσης

περιγραφή ταυτότητας

• Το id είναι μια σταθερή ετικέτα, η οποία χρησιμοποιείται για να ορίσει το μεγαλύτερο στυλ στην ιστοσελίδα, το οποίο ορίζεται με τη μορφή #div
• Για παράδειγμα: διαχωριστικές στήλες, πάνω, σώμα, κάτω κ.λπ.
• Χρησιμοποιείται για τον καθορισμό ενός συγκεκριμένου στοιχείου, το οποίο μπορεί να εμφανιστεί μόνο μία φορά ανά σελίδα και δεν μπορεί να κληθεί επανειλημμένα.

περιγραφή τάξης

• Η Class είναι μια ομάδα στυλ, η οποία χρησιμοποιείται για τον καθορισμό των λεπτομερών στυλ στην ιστοσελίδα, ορίζεται με τη μορφή .div και μπορεί να επαναληφθεί.
• Για παράδειγμα: ένα συγκεκριμένο μενού, μια γραμμή κειμένου κ.λπ...
• Στην ίδια σελίδα, μπορεί να κληθεί επανειλημμένα από πολλά στοιχεία

Ο ίδιος ο επιλογέας div δεν έχει ιδιότητες. Ορίζοντας το css του, ελέγχει ορισμένες διατάξεις όπως το πλάτος, το ύψος, το χρώμα φόντου και το μέγεθος κειμένου του div.

ΓενικόςΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟδικτυακός τόπος,φτιάξτε μια ιστοσελίδαΗ ιστοσελίδα html που δημιουργείται από το πρόγραμμα είναι να πραγματοποιήσει τη διάταξη της σελίδας μέσω CSS.

Τι είναι ο επιλογέας;

Ο ορισμός κάθε στυλ CSS αποτελείται από 2 μέρη:

选择器 {样式}

• Το τμήμα πριν από το {} είναι ο "επιλογέας".
• Ο "επιλογέας" υποδεικνύει το "στυλ" του {} στο οποίο ενεργεί.
• Δηλαδή σε ποιο στοιχείο της ιστοσελίδας λειτουργεί αυτό το «στυλ»;

παράδειγμα κώδικα

Δείτε πώς μπορείτε να επιλέξετε και να διαμορφώσετε ένα στοιχείο class="sidebar":

.sidebar
{ 
background-color:black;
}

Δείτε πώς μπορείτε να επιλέξετε και να διαμορφώσετε ένα στοιχείο με το id="footer":

#footer
{ 
background-color:black;
}