מרווח בין שורות CSS, יסודות

היום אנחנו הולכים לנתח מרווחי קו גובה CSS. תכונה זו מסייעת להפוך את הטקסט לקריא יותר. כמו כן, הוא משמש לעתים קרובות כדי להקטין את הגודל הכבושה על ידי התוכן בדף. במיוחד עבור הטירון ממש מתחת סטייה קצרה על ההיסטוריה של הנושא תסופק. אז, אז, תוכלו ללמוד כיצד להתקין את מרווחי גובה קו CSS.

מידע דרוש

CSS מייצג גיליון סגנון מדורגים, אשר תורגם פירושו "גיליונות סגנון מדורגים". שפה זו משמשת עבור דפי אינטרנט שנכתבו בשפת סימון (למשל, HTML). לפני הופעתו של סטי מסמך העיצוב CSS עם המובנה תגי HTML, אבל הם לא היו נוחות מאוד מציף את הקוד כולו. לכן הוחלט ליצור שפה חדשה שתהיה אחראית לרישום. היום, CSS ו- HTML - הם שני מושגים בלתי נפרדים. סגנון מדורגים תחביר פשוט מאוד, היא משתמשת המאפיינים והערכים שלהם, כגון «רקע: אדום». כדי להקצות היקף, אתה רק צריך לכתוב כדי שם תג נכס (או מזהה): «הגוף {רקע: אדום; "} אבל הקבוצה עצמה ממוקמת בין סוגריים. בסוף כל שורה רשמה בתיאור המאפיינים להיות פסיק, אחרת תתרחש שגיאה.

מרווח

אבל מספיק עם ביטויי מבוא, לרדת עסק. רווח שורה מאפייני CSS נקבעים באמצעות גובה הקו. זה יכול להיות מיושם על כל האלמנטים. הנכס עצמו הוא ירש, מה שאומר שהילדים יעתיקו את המרווח מהוריהם. לדוגמה, אם אתה כותב את הפקודה הבאה: הגוף {line-height: 20px}, אז כל האלמנטים בדף, ריווח השורות יהיה שווה 20 פיקסלים. ככל שערך הנכס הזה יכול לשמש בכל יחידות CSS ידוע (פריטים - PT, פיקסלים - פיקסלים, אינץ '- ב, וכו' ...). אפשרות נוספת היא להשתמש בערכים יחסיים עניין או מכפילים כזה. במקרה זה, את מרווח אונליין CSS ינוכה מאלמנט ההורה. ערך ברירת המחדל הוא נחשב נורמלי מילות מפתח.

לקבלת מידע נוסף,

מכיוון שאנו מדברים על במרווחים, ראוי להזכיר בערך המרחק בין האותיות. כדי לקבוע מאפיין זה ב- CSS להפריש נכס נפרד, כלומר letter-spacing. פקודה זו היא עיקרון הפעולה דומה קו-גובה. יחידות ערכים אחרים באותו. CSS-ריווח בין אותיות יכול להיות מיושם גם את כל האלמנטים, ויש לו את התמיכה של כל הגירסאות של השפה. דוגמה של מאפיינים: H2 «{ריווח האותיות: 10px; }". אם תקצה את המרווח בין האותיות עבור אלמנט הגוף, אז כל האלמנטים יירשו תכונה זו (אם הערך לא בוטל במפורש).

מסקנה

יצוין כי בחלק מהדפדפנים לקבוע בצורה נכונה במרווחים CSS קו גובה. לדוגמה, תוכנית IE (עד גרסה 7.0) מחשבת את המרחק שגוי. במקרה זה, אתה צריך לקחת בחשבון את מרווח ההבדל. גירסאות חדשות של טעות זו תוקנה הדפדפן לחלוטין. בעיה דומה היא נתקלה בעת השימוש במאפיינים לקביעת המרחק בין אותיות. בכל התוכניות האחרות נתונים פקודים נקבעים בהתאם W3C (קונסורציום רשת כלל עולמי).