Πώς να αλλάξετε το χρώμα των επικεφαλίδων

Πίνακας περιεχομένων:

Πώς να αλλάξετε το χρώμα των επικεφαλίδων
Πώς να αλλάξετε το χρώμα των επικεφαλίδων

Βίντεο: Πώς να αλλάξετε το χρώμα των επικεφαλίδων

Βίντεο: Πώς να αλλάξετε το χρώμα των επικεφαλίδων
Βίντεο: Facebook αλλαγή χρώματος 2024, Μάρτιος
Anonim

Το HTML (HyperText Markup Language) παρέχει έξι ειδικές ετικέτες για την εμφάνιση επικεφαλίδων διαφορετικών επιπέδων. Όλες έχουν προεπιλεγμένες παραμέτρους (μέγεθος και στυλ γραμματοσειράς, το ποσό των εσοχών από τα προηγούμενα και τα επόμενα στοιχεία, κ.λπ.). Αυτές οι επιλογές μπορούν να παρακαμφθούν χρησιμοποιώντας οδηγίες CSS (Cascading Style Sheets) και έτσι να αλλάξετε την εμφάνιση των επικεφαλίδων στο κείμενο μιας ιστοσελίδας.

Πώς να αλλάξετε το χρώμα των επικεφαλίδων
Πώς να αλλάξετε το χρώμα των επικεφαλίδων

Οδηγίες

Βήμα 1

Τοποθετήστε επικεφαλίδες διαφορετικών επιπέδων μεταξύ των αντίστοιχων ετικετών ανοίγματος και κλεισίματος, εάν δεν έχουν ήδη γίνει στον πηγαίο κώδικα της ιστοσελίδας. Για παράδειγμα, η πιο σημαντική επικεφαλίδα (πρώτο επίπεδο) πρέπει να είναι μεταξύ ετικετών

και

:

Κεφάλαιο πρώτου επιπέδου

Η επόμενη πιο σημαντική διάκριση επιπέδου πρέπει να τοποθετηθεί μεταξύ ετικετών

και

και τα λοιπά. Το τελευταίο από τα προβλεπόμενα επίπεδα είναι το έκτο -

και

Βήμα 2

Τοποθετήστε στο τμήμα κεφαλίδας του πηγαίου κώδικα (μεταξύ των ετικετών και) μια δήλωση που λέει στο πρόγραμμα περιήγησης του επισκέπτη ότι υπάρχει μια περιγραφή των στυλ στο CSS σε αυτό το μέρος:

/ * Οι οδηγίες CSS θα είναι εδώ * /

Βήμα 3

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

ω1 {

χρώμα: Κόκκινο;

μέγεθος γραμματοσειράς: 20px;

στυλ γραμματοσειράς: πλάγια;

γραμματοσειρά: έντονο;

margin-top: 30 εικονοστοιχεία;

margin-bottom: 20px;

}

Εδώ, το h1 υποδεικνύει ότι η περιγραφή σε σγουρά τιράντες αναφέρεται στην ετικέτα h1 και ονομάζεται "επιλογέας". Η παράμετρος χρώματος ορίζει το χρώμα του κειμένου, η παράμετρος μεγέθους γραμματοσειράς είναι το μέγεθος γραμματοσειράς, το στυλ γραμματοσειράς με πλάγια τιμή είναι η πλάγια γραμματοσειρά, το βάρος γραμματοσειράς με έντονη τιμή είναι έντονη, το περιθώριο κορυφής είναι η κορυφή margin, και margin-bottom είναι το κάτω περιθώριο. Για επικεφαλίδες δεύτερου επιπέδου, προσθέστε ένα παρόμοιο μπλοκ με έναν επιλογέα h2 κ.λπ.

Βήμα 4

Χρησιμοποιήστε τη σύνταξη στενογραφίας, εάν υπάρχουν πολλά επίπεδα για να περιγράψετε. Για παράδειγμα, οι περιγραφές γραμματοσειρών μπορούν να τοποθετηθούν σε μία παράμετρο, καθώς και περιγραφές μεγεθών εσοχής. Δείγμα:

ω1 {

χρώμα: Κόκκινο;

γραμματοσειρά: έντονο 20px arial;

περιθώριο: 30px 0 20px 0;

}

ω2 {

χρώμα πορτοκαλί;

γραμματοσειρά: έντονο 18px arial;

περιθώριο: 25px 0 15px 0;

}

Στην παράμετρο περιθωρίου, τα περιθώρια πρέπει να καθορίζονται δεξιόστροφα, ξεκινώντας από το επάνω περιθώριο, μέσω ενός διαστήματος (πάνω δεξιά κάτω αριστερά).

Συνιστάται: