Τα διαδοχικά φύλλα στυλ χρησιμοποιούνται για τη μορφοποίηση του περιεχομένου μιας σελίδας HTML. Κατά συνέπεια, όλες οι εντολές που χρησιμοποιούνται στο CSS στοχεύουν στην επεξεργασία της εμφάνισης οποιωνδήποτε στοιχείων ενός εγγράφου HTML.
Είναι απαραίτητο
Ένας υπολογιστής με σύνδεση στο Διαδίκτυο
Οδηγίες
Βήμα 1
Διαβάστε σχετικά με τον τρόπο χρήσης των επικαλυπτόμενων φύλλων στυλ. Η μορφοποίηση κειμένου είναι το πιο συχνά χρησιμοποιούμενο χαρακτηριστικό των επικαλυπτόμενων φύλλων στυλ. Κάθε έγγραφο HTML περιέχει τεράστια ποσότητα πληροφοριών κειμένου στα διάφορα μέρη του. Ταυτόχρονα, κάθε μέρος της σελίδας πρέπει να έχει τη δική του μορφή και γραμματοσειρά: μέρος του κειμένου είναι το κείμενο του μενού, το άλλο είναι ο τίτλος, το τρίτο είναι το κύριο κείμενο της σελίδας κ.λπ. Για τη μορφοποίηση πληροφοριών κειμένου, χρησιμοποιούνται εντολές για να αλλάξετε το όνομα της γραμματοσειράς, το μέγεθος, το βάρος κ.λπ.
Βήμα 2
Επομένως, πρώτα απ 'όλα, παρατηρήστε την παράμετρο στυλ γραμματοσειράς-οικογένειας. Αυτό το χαρακτηριστικό σας επιτρέπει να ορίσετε μια συγκεκριμένη γραμματοσειρά για αυτήν την ετικέτα. Το όνομα της γραμματοσειράς γράφεται μετά το σύμβολο ":". Το χαρακτηριστικό style-size style χρησιμοποιείται για τον καθορισμό του μεγέθους του κειμένου που περιέχεται στην ετικέτα. Η τιμή μεγέθους γράφεται επίσης μετά το σύμβολο ":" και υποδεικνύεται σε pixel, για παράδειγμα, "font-size: 20px".
Βήμα 3
Σημειώστε ότι οι παράμετροι στυλ μπορούν να συνδυαστούν και να γραφτούν μαζί χρησιμοποιώντας το σύμβολο ";". Αυτό είναι χρήσιμο εάν πρέπει να ορίσετε πολλές παραμέτρους για μία ετικέτα.
Βήμα 4
Χρησιμοποιήστε το χρώμα χαρακτηριστικού στυλ για να αλλάξετε το χρώμα του κειμένου. Το όνομα χρώματος είναι γραμμένο με τον τυπικό τρόπο: πράσινο, μπλε, κόκκινο κ.λπ. Έχει επίσης τη δυνατότητα να ορίσει το χρώμα όχι μόνο του ίδιου του κειμένου, αλλά και του χρώματος φόντου. Για το σκοπό αυτό, χρησιμοποιείται το χαρακτηριστικό φόντου-χρώματος, μετά το οποίο πρέπει επίσης να αναφέρεται το επιλεγμένο χρώμα. Εάν θέλετε να χρησιμοποιήσετε μια εικόνα, όχι ένα γέμισμα, ως φόντο στην περιοχή αυτής της ετικέτας, τότε ανατρέξτε στην παράμετρο στυλ φόντου-εικόνας, καθορίζοντας μετά την προέλευση της εικόνας
Βήμα 5
Γνωρίστε έναν αριθμό χαρακτηριστικών στυλ που ορίζουν τις παραμέτρους των στοιχείων σελίδας, τα οποία, πρώτα απ 'όλα, περιλαμβάνουν την επένδυση, το περίγραμμα, το float, τη θέση.
Βήμα 6
Χρησιμοποιήστε την παράμετρο padding για να ορίσετε το ποσό του περιθωρίου που συνδέεται με τη δεδομένη ετικέτα. Σε αυτήν την περίπτωση, αυτή η τιμή μετράται από κάθε πλευρά. Καθορίστε το χαρακτηριστικό περίγραμμα για να σχηματίσετε το περίγραμμα αυτού του πεδίου. Μετά την άνω και κάτω τελεία, το πλάτος του περιγράμματος γράφεται σε pixel. Η ιδιότητα float θα επιτρέψει σε ένα στοιχείο στη σελίδα σας να αιωρείται προς τα δεξιά ή προς τα αριστερά. Από αυτήν την άποψη, οι κατάλληλες παράμετροι αυτής της ιδιότητας είναι αριστερές ή δεξιά.
Βήμα 7
Εάν πρέπει να τοποθετήσετε με ακρίβεια ένα αντικείμενο στο έγγραφο, χρησιμοποιήστε την ιδιότητα θέσης. Εντοπίζει το στοιχείο της σελίδας με απόλυτο τρόπο, όπως "θέση: απόλυτο; κάτω: 50 εικονοστοιχεία, δεξιά: 10 εικονοστοιχεία", ή με σχετικό τρόπο, με βάση την απόσταση από τις άκρες της σελίδας.
