Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> Προγραμματισμός Υπολογιστών Γλώσσες

Πώς να Style το Header σε CSS H1 H2

Styling στοιχεία κεφαλίδας , όπως έναν τίτλο σελίδας, χρησιμοποιώντας τα επικαλυπτόμενα φύλλα στυλ ( CSS ) είναι μια σχετικά απλή διαδικασία . CSS σας επιτρέπει να ορίσετε τον τύπο πληροφοριών , όπως η γραμματοσειρά κειμένου, το χρώμα και το μέγεθος . Με τη χρήση CSS με συγκεκριμένες ετικέτες τίτλο (πρώην : H1 , H2 ) , μπορείτε να έχετε πολλαπλές επικεφαλίδες σε μια σελίδα , το καθένα με το δικό τους μοναδικό στυλ . Ένας απλός τρόπος για την εφαρμογή αυτής της CSS είναι inline , ή εντός των ετικετών κλάσης . Οδηγίες
Η

1 Ανοίξτε το αρχείο που περιέχει τα header header και τα στοιχεία που θέλετε να το στυλ . Ένα ολοκληρωμένο περιβάλλον ανάπτυξης ( IDE ), προσφέρει σημαντικές δυνατότητες κατά την επεξεργασία του κώδικα , ωστόσο , ένα απλό πρόγραμμα επεξεργασίας κειμένου , όπως το Notepad θα
αρκεί .
2

Πλοηγηθείτε στην κεφαλίδα της σελίδας . Αυτό το τμήμα είναι στο επάνω μέρος της σελίδας και συχνά περιέχει στοιχεία, όπως έναν τίτλο σελίδας και μενού. Είναι συχνά καθορίζεται από το " κεφάλι" tags :

Content ... εικόνων
3

Εισάγετε τις επικεφαλίδες που θέλετε στην κεφαλίδα χρησιμοποιώντας την ετικέτα επικεφαλίδες HTML ( H1 , H2 κ.λπ. ) . Μπορείτε να δηλώσετε πολλαπλές ετικέτες HTML τίτλους . Για παράδειγμα :

Αυτό είναι ένα τεστ τίτλο


Αυτό είναι ένα άλλο τεστ τίτλο


Φροντίστε να χρησιμοποιήσετε τη σωστή σύνταξη (ως φόρο , κοντά ετικέτα με " /" ) σε όλο τον κώδικα .
Η 4

Εισάγετε τα ακόλουθα στοιχεία κώδικα , διαχωρισμένα με ερωτηματικά , για να καθορίσετε το στυλ της κλάσης. Ορισμένα στοιχεία στυλ παράδειγμα είναι οι παρακάτω:

Χρώμα - "Χρώμα : το χρώμα Εισάγετε εδώ ( Ex : κόκκινο) "

Font Size - "font-size : Πληκτρολογήστε το μέγεθος εδώ ( Ex : 20px ) "

Στοίχιση κειμένου - " text-align : Εισάγετε τη θέση ( Ex : κέντρο ) "

Χρησιμοποιήστε την ακόλουθη σύνταξη ( style = " ... " ) μετά την πρώτη ετικέτα επικεφαλίδας για να καθορίσετε μια συγκεκριμένη στυλ . Για παράδειγμα :

Test Επικεφαλίδα


Αυτό θα εμφανίσει " Ted Τομέας " στο κέντρο της σελίδας με κόκκινη γραμματοσειρά και ένα μέγεθος 20 px .
5

Αποθηκεύστε τις αλλαγές που κάνατε στον κώδικά σας .

Η

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα