1 Ανοίξτε το αρχείο HTML σας λογισμικό επεξεργασίας σας στο τμήμα που περιέχει CSS στυλ σας . Εναλλακτικά , ανοίξτε το αρχείο CSS που χρησιμοποιείτε ως συνημμένο φύλλο στυλ στο έγγραφο HTML σας . 2
Αποφασίστε ποια ετικέτα θα χρησιμοποιήσετε στο σχεδιασμό του στυλ επιστολή μπλοκ . Για παράδειγμα , μπορεί να θέλετε να εφαρμόσετε το στυλ σε οποιοδήποτε κείμενο που έχει επισημανθεί ως " h1 " ή " h2 " στο αρχείο HTML σας , ή ίσως κάθε κείμενο που εμφανίζεται σε μια παράγραφο , που χαρακτηρίζονται ως " p ", θα πρέπει να έχει το στυλ μπλοκ .
εικόνων 3
Ξεκινήστε με το font- οικογενειακή περιουσία για να αποφασίσει ποια γραμματοσειρά που θέλετε να χρησιμοποιήσετε . Για παράδειγμα , πληκτρολογήστε τον ακόλουθο κώδικα :
p {
font-family : sans -serif ?
}
Αυτό σημαίνει ότι κάθε κείμενο χαρακτηρίζεται ως παράγραφο κειμένου στο έγγραφο HTML θα εμφανιστεί ως προεπιλεγμένη γραμματοσειρά sans -serif στον υπολογιστή του θεατή . Μπορείτε αντ 'αυτού να καθορίσετε συγκεκριμένες γραμματοσειρές , με τη σειρά με την οποία επιθυμείτε , πληκτρολογώντας :
p {
font-family : arial , verdana , tahoma , sans -serif ?
}
Αυτό σημαίνει ότι το κείμενο της παραγράφου θα εμφανιστεί στη γραμματοσειρά Arial . Αν ο θεατής δεν έχει Arial εγκατεστημένο στον υπολογιστή του , η γραμματοσειρά θα εμφανιστεί ως Verdana , ή κάτω από τη λίστα - τελικά προεπιλεγμένη γραμματοσειρά sans -serif του υπολογιστή
Η 4
Κάνε τη γραμματοσειρά σε . όλα τα κεφαλαία γράμματα χρησιμοποιώντας την ιδιότητα κειμένου μετασχηματισμού . Πληκτρολογήστε τον ακόλουθο κώδικα στο στυλ :
p {
font-family : arial , verdana , tahoma , sans -serif ?
Κείμενο μετασχηματισμού : κεφαλαία ?
}
5
Bold τη γραμματοσειρά , χρησιμοποιώντας την ιδιότητα font-weight :
p {
font-family : arial , verdana , tahoma , sans -serif ?
κείμενο μετασχηματισμού : κεφαλαία ?
font - weight: bold ?
}
Οι επιλογές για font-weight περιλαμβάνουν «μαύρα »,« τολμηρή », και ένα σύστημα αριθμό 100-900 . Για παράδειγμα , μπορείτε να πληκτρολογήσετε " font-weight : 700 ? " Να δούμε πώς θα εμφανίζεται σε διαφορετικούς υπολογιστές και να αλλάξετε αναλόγως τον αριθμό
Η
6 Ρυθμίστε τις τρεις αυτές ιδιότητες στον κώδικά σας για να επιτευχθεί το αποτέλεσμα επιστολή μπλοκ . που επιθυμείτε . Αποθηκεύστε το αρχείο και παρατηρήστε τα αποτελέσματα σε ένα πρόγραμμα περιήγησης .
Η
εικόνων
Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα