Πώς να ρυθμίσετε το διάστιχο στο CSS;

Κείμενο σήμερα εξακολουθεί να είναι ο κύριος τύπος των πληροφοριών που διαβιβάζονται στη συντριπτική World Wide Web. Ως εκ τούτου, ο έλεγχος του κατά την εμφάνισή δίνεται ιδιαίτερη προσοχή. Ένα σημαντικό χαρακτηριστικό ενός απόσταση μεταξύ γραμμών κειμένου, η οποία καθορίζει την απόσταση μεταξύ των γραμμών. Αν έχετε ποτέ δεν συναντήθηκε με τον κανόνα αυτό, ίσως δεν έχουν ποτέ εργαστεί με CSS. Μετά από όλα, αυτό είναι το γλωσσικό ύφος παρέχει τις διαθέσιμες εντολές για να αλλάξετε όλα τα σημαντικά εξωτερικά χαρακτηριστικά του κειμένου. Ο κανόνας αυτός υποστηρίζεται από όλα τα σύγχρονα προγράμματα περιήγησης και έρχεται ως πρότυπο για όλες τις εκδόσεις των Cascading Style Sheets (CSS: Cascading Style Sheets).

κανόνας

Στην CSS, η απόσταση της γραμμής ρυθμίζεται μέσω ενός απλού ομάδας line-height. Η καταγραφή γίνεται με τον συνήθη τρόπο. Η τιμή μπορεί να εκχωρηθεί σε οποιοδήποτε μη αρνητικός ακέραιος. Εάν αναφέρεται: «line-height: -4px?», Η εντολή θα αγνοηθεί. Μπορείτε να καθορίσετε την τιμή: «κανονική» ή «κληρονομούν». Η πρώτη είναι να χρησιμοποιήσετε την αυτόματη ρύθμιση του διαστήματος, η οποία προσδιορίζεται ανάλογα με τον τύπο και το μέγεθος της επιλεγμένης γραμματοσειράς. Στην περίπτωση αυτή, η απόσταση μεταξύ των γραμμών που καθορίζονται από το ίδιο το πρόγραμμα περιήγησης. Διάστιχο μπορεί να είναι οποιαδήποτε τιμή που κληρονόμησε από την ετικέτα «γονέας» με την τιμή «κληρονομούν».

αξία

Όλες οι τιμές διαφορετικές από τις τυπικές εντολές μπορούν να χωριστούν σε δύο κατηγορίες: σχετική και απόλυτη. CSS σας επιτρέπει να ελέγχετε γραμμή απόσταση απόσταση μεταξύ των ευέλικτων γραμμών, χρησιμοποιώντας διαφορετική και πιο βολικό τρόπο για να προσαρμόσετε. Για τις απόλυτες τιμές περιλαμβάνουν όλες τις γνωστές μήκος της μονάδας, τα οποία χρησιμοποιούνται σε CSS. Ο κατάλογος περιλαμβάνει: το (ίντσες), pt (σημείων), px (pixels), και άλλα. Το διάστημα αντίστροφη μέτρηση είναι κατασκευασμένο από μία γραμμή βάσης της γραμματοσειράς. Αν γράψετε έναν κανόνα: «line-height: 10px?», Το διάστιχο θα είναι πάντα ίση με 10 pixels. Μια τέτοια μέθοδος είναι ιδανική όταν πρέπει να καθορίσετε το ακριβές εύρος για μια συγκεκριμένη γραμματοσειρά. Αλλά μην ξεχνάμε ότι όλα τα διαφορετικά επέκτασης οθόνης. Και αν έχετε μια τέτοια απόσταση φαίνεται μεγάλη, αυτό δεν σημαίνει ότι ο καθένας θα έχει το ίδιο αποτέλεσμα. Για παράδειγμα, ένα κινητό μεγάλο διάστιχο μπορεί να προκαλέσει μεγάλη αναστάτωση.

σχετικές τιμές

Για να λυθεί το πρόβλημα με διαφορετική επέκταση της οθόνης, μπορείτε να χρησιμοποιήσετε σχετικές τιμές. Η πιο συχνά χρησιμοποιούμενη ποσοστό. Η τιμή σε αυτή την περίπτωση έχει οριστεί ύψος σχετικά γραμματοσειράς. Για παράδειγμα, προσδιορίζοντας «line-height: 150%?» Παίρνουμε το χρονικό διάστημα, το ήμισυ-Large Medium γράμματα. 100% είναι το ύψος της γραμματοσειράς που χρησιμοποιείται. Οι περισσότεροι έμπειροι προγραμματιστές προτείνουμε τη χρήση της είναι οι σχετικές τιμές. Έτσι θα τον εαυτό τους και τους χρήστες τους σώσει από τα προβλήματα που σχετίζονται με διαφορετική επέκταση της οθόνης.

συμπέρασμα

Εάν χρησιμοποιείτε ένα μη τυποποιημένο σύνολο γραμματοσειρών, και θα είναι σημαντικό είναι ένα διάστημα καλά καθορισμένη γραμμή, επιλέξτε τις απόλυτες τιμές. Σε όλες τις άλλες περιπτώσεις είναι επιθυμητό να καθοριστεί το ποσοστό του ακινήτου. Όταν πρέπει να κάνει ένα άτομο διάστημα για μια συγκεκριμένη περιοχή ενός εγγράφου, χρησιμοποιήστε τις id-ετικέτες, ή επιλογείς. Έτσι, δεν θα χρειαστεί να ρυθμίσετε το διάστιχο για ολόκληρο το έγγραφο.