Διάστιχο, CSS, βασικά

Σήμερα πρόκειται να αναλύσει CSS διαστήματα το ύψος της γραμμής. Η λειτουργία αυτή βοηθά στο να γίνει το κείμενο πιο ευανάγνωστο. Επίσης, συχνά χρησιμοποιείται για να μειώσει το μέγεθος που καταλαμβάνει το περιεχόμενο της σελίδας. Ειδικά για τον αρχάριο ακριβώς κάτω θα πρέπει να παρέχεται μια σύντομη παρέκβαση σχετικά με την ιστορία του θέματος. Έτσι, λοιπόν, θα μάθετε πώς να εγκαταστήσετε τα διαστήματα ύψος γραμμής CSS.

απαραίτητες πληροφορίες

CSS σημαίνει Cascading Style Sheet, το οποίο μεταφράζεται σημαίνει "επικαλυπτόμενα φύλλα στυλ". Αυτή η γλώσσα χρησιμοποιείται για τις ιστοσελίδες που έχουν γραφτεί σε γλώσσα σήμανσης (π.χ., HTML). Πριν από την έλευση των συνόλων εγγράφων σχεδιασμού CSS με ενσωματωμένο ετικέτες HTML, αλλά ήταν εξαιρετικά άβολα και πλημμυρίζουν ολόκληρο τον κώδικα. Ως εκ τούτου, αποφασίστηκε να δημιουργηθεί μια νέα γλώσσα που θα είναι υπεύθυνη για την εγγραφή. Σήμερα, CSS και HTML - είναι δύο αδιαχώριστες έννοιες. Σύνταξη στυλ με υπερχείλιση είναι πολύ απλή, χρησιμοποιεί τις ιδιότητες και τις τιμές τους, όπως «φόντο: κόκκινο». Για να ορίσετε ένα πεδίο, το μόνο που χρειάζεται για να γράψει σε ένα όνομα ετικέτας ακινήτου (ή αναγνωριστικό): «το σώμα {φόντο: κόκκινο? } «Αλλά η ίδια η ομάδα τοποθετείται μεταξύ των στηριγμάτων. Στο τέλος της κάθε γραμμής καταγράφεται με μια περιγραφή των χαρακτηριστικών να είναι ένα ερωτηματικό, αλλιώς παρουσιαστεί σφάλμα.

διαστήματα

Όμως, αρκετά από εισαγωγικές φράσεις, πιάσουμε δουλειά. Γραμμή διάστημα οι ιδιότητες CSS που χρησιμοποιούν το line-height. Μπορεί να εφαρμοστεί σε όλα τα στοιχεία. Το ίδιο το ακίνητο είναι κληρονομική, το οποίο σημαίνει ότι τα παιδιά θα αντιγράψει την απόσταση από τους γονείς τους. Για παράδειγμα, αν γράψετε την ακόλουθη εντολή: σώμα {line-height: 20px}, τότε όλα τα στοιχεία στη σελίδα, η απόσταση της γραμμής θα είναι ίση με 20 pixels. Δεδομένου ότι η τιμή αυτής της ιδιότητας μπορεί να χρησιμοποιηθεί σε όλες τις γνωστές μονάδες CSS (στοιχεία - pt, pixels - px, ίντσες - in, κλπ ...). Μια άλλη επιλογή είναι να χρησιμοποιήσετε σχετικές αξίες όπως ενδιαφέροντος ή πολλαπλασιαστές. Στην περίπτωση αυτή, η απόσταση CSS-γραμμή θα πρέπει να αφαιρείται από το γονικό στοιχείο. Η προεπιλεγμένη τιμή θεωρείται ότι είναι η λέξη-κλειδί φυσιολογικό.

Για περισσότερες πληροφορίες,

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

συμπέρασμα

Θα πρέπει να σημειωθεί ότι ορισμένα προγράμματα περιήγησης προσδιορίζει σωστά διαστήματα CSS ύψος της γραμμής. Για παράδειγμα, το πρόγραμμα IE (μέχρι την έκδοση 7.0) υπολογίζει σωστά την απόσταση. Σε αυτή την περίπτωση, θα πρέπει να λαμβάνουν υπόψη το διάστημα διαφορά. Νέες εκδόσεις αυτού του σφάλματος διορθωθεί πλήρως το πρόγραμμα περιήγησης. Ένα παρόμοιο πρόβλημα αντιμετώπισε κατά τη χρήση των ιδιοτήτων για τον προσδιορισμό της απόστασης μεταξύ των γραμμάτων. Σε όλα τα άλλα προγράμματα δεδομένων εντολής καθορίζεται σύμφωνα με το W3C (World Wide Web Consortium).