Προσαρμογή ετικετών HTML με τους κανόνες CSS - Ο επιλογέας HTML

Ενδέχεται 18, 2024

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

ετικέτα για το παράδειγμά μας και θα προσθέσουμε χρώμα φόντου, πρόσωπο γραμματοσειράς, μέγεθος γραμματοσειράς και έλεγχο χρώματος κειμένου στο

ετικέτα. Αυτό θα προκαλέσει τα πάντα μεταξύ οποιουδήποτε ανοίγματος και κλεισίματος

ετικέτες που θα ελέγχονται από τους νέους ορισμούς μας σε ολόκληρη την ιστοσελίδα.

Π {
φόντο-χρώμα: # 000000;
γραμματοσειρά-οικογένεια: arial;
μέγεθος γραμματοσειράς: 12px;
χρώμα: #ffffff;
}

Στο παράδειγμά μας, ο κανόνας CSS αρχίζει με τον επιλογέα HTML (p) ο οποίος ακολουθείται από το μπλοκ δήλωσης CSS που περιέχει όλους τους ορισμούς ιδιότητας-τιμής που επιθυμούμε να προσθέσουμε. Ως συνήθως, κάθε ορισμός ξεκινά με την ιδιότητα, ακολουθούμενο από ένα παχύ τελεία, την τιμή και τελειώνει με ένα ερωτηματικό. Ολόκληρο το μπλοκ τοποθετείται μέσα σε σγουρά. Υπάρχουν μερικά πράγματα που πρέπει να θυμάστε όταν γράφετε τους δικούς σας κανόνες CSS για ετικέτες HTML.

Μπορείτε να τοποθετήσετε τον εξειδικευμένο κανόνα CSS μέσα στις ετικέτες στην επικεφαλίδα της ιστοσελίδας σας.
Μπορείτε να τοποθετήσετε τον προσαρμοσμένο κανόνα CSS σε ένα εξωτερικό αρχείο CSS.
Οι προσαρμοσμένοι ορισμοί CSS που προσθέτετε σε έναν συγκεκριμένο επιλογέα ετικετών πρέπει να περιέχουν ιδιότητες που μπορούν να ελέγχονται από αυτήν την ετικέτα.
Επειδή τοποθετείτε τον προσαρμοσμένο κανόνα στην ενότητα κεφαλής ή στο εξωτερικό αρχείο CSS, αυτό θα επηρεάσει ολόκληρη την ιστοσελίδα. Αν χρειάζεται μόνο να ελέγξετε μια μεμονωμένη ετικέτα HTML (μία ειδική εμφάνιση μιας ετικέτας), θα εφαρμόζετε ένα στυλ γραμματοσειράς σε αυτή την ατομική ετικέτα.
Η ετικέτα διατηρεί τις ενσωματωμένες ιδιότητες αυτής της ετικέτας HTML. Για παράδειγμα, το HTML έντονη ετικέτα θα συνεχίσει να εφαρμόζει την έντονη επιρροή σε οποιοδήποτε κείμενο τοποθετείται μεταξύ ανοίγματος και κλεισίματος ετικέτες.

Οδηγίες Βίντεο: Review: Quiz 1 (Ενδέχεται 2024).

Προσαρμογή ετικετών HTML με τους κανόνες CSS - τον HTML επιλογέα HTML, πώς να επαναπροσδιορίσετε μια ετικέτα HTML, πώς να χρησιμοποιήσετε το CSS για να επαναπροσδιορίσετε μια ετικέτα html, πώς να ορίσετε έναν επιλογέα CSS, πώς να ορίσετε μια ετικέτα html, πώς να χρησιμοποιήσετε το css για να ορίσετε μια ετικέτα html, CSS επιλογέα, CSS ruls, ορισμούς CSS, ζεύγη ιδιοτήτων-αξίας, πώς να γράψετε τους δικούς σας κανόνες CSS

Προηγούμενο Άρθρο

Επόμενο Άρθρο

Σχετικά Άρθρα

Υπολογιστές

Τι είναι το PowerPoint;

Ενδέχεται 2024

Το PowerPoint είναι ένα πρόγραμμα εφαρμογής διαφανειών που κάνει την επίσημη παρουσίασή σας μια αύρα. Μπορείτε να το χρησιμοποιήσετε για ζωντανές παρουσιάσεις, καθώς και για διαδικτυακές...

Υπολογιστές

Excel-τύποι αναφορών τύπων

Ενδέχεται 2024

Όταν ξεκινάτε αρχικά τη χρήση του Excel, δίνετε λίγη σκέψη σχετικά με τον τρόπο με τον οποίο το Excel προσαρμόζει τις αναφορές κελιών όταν αντιγράφετε μια φόρμουλα. Απλά ξέρετε ότι λειτουργεί, μέχρι...