CSS-επιλογέα και το ρόλο της στη μορφοποίηση HTML εγγράφου

Η δημιουργία ενός δικτυακού τόπου και γεμίζοντάς το με ορισμένα στοιχεία της ιστοσελίδας, όλοι θα αντιμετωπίσουν έναν όρο όπως το CSS-επιλογέα. Χρησιμεύει για να προσδιοριστεί με μεγαλύτερη ακρίβεια όλα τα στοιχεία του html αρχείου του σχεδιασμού και τη θέση τους στη σελίδα. Για να το κάνετε αυτό, δημιουργήστε ένα CSS-ένα έγγραφο το οποίο εξηγεί ορισμένες επιλογείς και τις επιλογές μορφοποίησης τους: το χρώμα, το μέγεθος, την τοποθεσία και άλλα. Κάθε σχεδιαστής Ιστού πρέπει να γνωρίζει και να είναι σε θέση να εισέλθουν σωστά τις επιθυμητές επιλογές. Χωρίζονται με βάση τον τύπο, τον κύριο των οποίων θα συζητήσουμε στη συνέχεια.

Τα είδη των επιλογείς στο CSS

Ανάλογα με την οποία το στοιχείο εφαρμόζεται με μορφοποίηση HTML, CSS-επιλογέας μπορεί να αφορά μία από τις ακόλουθες ομάδες:

• επιλογέα tag?
• Επιλογή κατηγορίας?
• id-επιλογέα?
• αποδίδουν επιλογέα.

επιλογέα tag

Καλείται επίσης «Επιλογή τύπου» ή «στοιχείο», είναι η πιο απλή και συνηθισμένη. Όπως CSS-έγγραφο του είναι τα ονόματα των στοιχείων της HTML αρχείο, το οποίο περιγράφουμε. Για παράδειγμα, αν χρειάζεται να ορίσετε το στυλ παραγράφου, ορίζουμε τις ιδιότητες και τις τιμές τους για το p στοιχείο {υπόβαθρο: x? Χρώμα: y? Μέγεθος: z}. Σε αυτήν την περίπτωση, όλα τα σημεία της ιστοσελίδας θα έχουν την ίδια μορφή (το χρώμα του φόντου, το μέγεθος του κειμένου, και ούτω καθεξής. Δ).

Επιλογή κατηγορίας

Και τι γίνεται αν χρειαστεί να ζητήσετε από κάθε σκέψη σας είναι διαφορετική από τις άλλες μορφές; Για να γίνει αυτό, υπάρχει ένας επιλογέας τάξη.

CSS-έγγραφο στην περίπτωση αυτή θα περιέχει μια καταχώρηση της ακόλουθης μορφής: p.first {χρώμα: x? font-size: y}. Έτσι, ορίζουμε τις ιδιότητες του «χρώμα» και το «μέγεθος» μόνο για την πρώτη κατηγορία της παραγράφου.

Σε ένα έγγραφο HTML σε αυτή την περίπτωση εισέλθει σε μια παράμετρο τάξης στο όνομα του στυλ πρώτα. Μαθήματα μπορεί να είναι τόσο όσο και το στυλ που θέλετε να εφαρμόσετε για μια ιστοσελίδα στοιχεία.

Επιλογέας id

Συχνά υπάρχει η ανάγκη να καθοριστεί ένα στυλ με μεγαλύτερη ακρίβεια, για παράδειγμα, σε κάθε ένα από τα στοιχεία της σελίδας, ή να τα δοκιμάσουν. Σε αυτήν την περίπτωση, η ενίσχυση έρχεται id-επιλογέα. Το αρχείο html ορίσετε ένα όνομα που θέλετε στοιχείο που προσδιορίζει μεταξύ των άλλων. Για παράδειγμα, τα στοιχεία που θέλετε να ορίσετε διαφορετικό από τα άλλα στυλ θα είναι ο τίτλος του άρθρου.

Στη συνέχεια, σε ένα έγγραφο HTML αναθέτοντας το αναγνωριστικό h1 κεφαλίδα, όπως articlename. Και στο CSS-αρχείο, καθορίστε το στυλ, προσθέτοντας το όνομα ID μάσκα: #articlename {χρώμα: μπλε? text-align: center}. Τώρα τίτλος μας θα έχουν το χρώμα μπλε και στο κέντρο.

Κάθε ένας από τους παραπάνω τύπους μπορεί να περιγραφεί ως «μια απλή CSS-επιλογέα». Καθορίζουν τη μορφοποίηση για μια συγκεκριμένη παράμετρο του html εγγράφου: μαζί παρόμοια στοιχεία (π.χ., όλες οι παράγραφοι του άρθρου), μια κατηγορία (για παράδειγμα, μόνο το πρώτο εδάφιο) ή ένα συγκεκριμένο στοιχείο (για παράδειγμα, ο τίτλος του άρθρου).

αποδίδουν επιλογείς

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

• από την παρουσία του χαρακτηριστικού?
• στην ακριβή τιμή της?
• με μερική τιμή του χαρακτηριστικού?
• για συγκεκριμένη τιμή της.

Ας εξετάσουμε κάθε ένα από αυτά τα είδη:

1. Η πρώτη περίπτωση. Μορφοποίηση εφαρμόζεται, εάν υπάρχει σε ένα συγκεκριμένο χαρακτηριστικό HTML-κωδικός (μπορεί να είναι ένα π, div, κεφαλίδα, κλπ). Εάν δεν είναι, χρησιμοποιεί ένα γενικό για όλα τα στοιχεία του στυλ. Για παράδειγμα, για τα στοιχεία που έχουν τον τίτλο (συμβουλή εργαλείου).
2. Η δεύτερη περίπτωση. Το στυλ ισχύει μόνο για τα html στοιχεία που έχουν μια ακριβή αντιστοιχία των τιμών χαρακτηριστικών. Για παράδειγμα, στην είσοδο της τα στοιχεία, όπου η τιμή του χαρακτηριστικού τύπου ισούται υποβάλει.
3. Η τρίτη περίπτωση. Σύμφωνα με τη μορφή που θα περιλαμβάνει μόνο τα στοιχεία στη λίστα των αξιών που έχει μια συγκεκριμένη λέξη. Για παράδειγμα, sideBar χαρακτηριστικό «class» για τα στοιχεία div.
4. Η τέταρτη περίπτωση. Στυλ ορίζεται μόνο για τα στοιχεία της HTML έγγραφο, του οποίου η συγκεκριμένη ιδιότητα έχει κάποια αξία, και ξεκινά μαζί του. Για παράδειγμα, η χρήση αυτού του συγκεκριμένου χρώματος σε όλα τα στοιχεία τα οποία η γλώσσα χαρακτηριστικό Αγγλικά (που μπορεί να είναι en, en-rus, en-au και t. D.).

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