Разстояние между редовете, CSS, основи

Днес ще анализираме интервала между редовете на CSS. Тази характеристика помага да се направи текстът по-разбираем. Той също така често се използва за намаляване на размера на съдържанието на страницата. Особено за най-неопитни, ще бъде дадена кратка разлика в историята на проблема. След това ще научите как да зададете разстоянието между редовете на CSS.

Задължителна информация

CSS означава Cascading Style Sheet, което означава "каскадни стилови листа". Този език се използва за проектиране на уеб страници, написани на език за маркиране (например HTML). Преди появата на CSS, дизайнът на документите е инсталиран чрез вграден HTML тагове, но те бяха изключително неудобни и изпълниха целия код. Поради това беше решено да се създаде нов език, който да отговаря за дизайна. Днес CSS и HTML са две неразделни концепции. Синтаксисът на каскадни таблици е много прост, тук използваме свойствата и техните значения, например "background: red". За да зададете обем, просто напишете името на маркера (или идентификаторите) пред собствеността: "body {background: red-}", а самата команда се поставя между скосените скоби. В края на всяка записана линия с описание на характеристиката трябва да се постави точка и запетая, в противен случай ще възникне грешка.

интервали

Но достатъчно встъпителни фрази, нека да се заемем с бизнеса. Разстояние между редовете CSS се настройва с помощта на собствеността на височината на линията. Той може да се прилага за всички елементи. Самият имот е наследен, което означава, че децата ще копират интервала от родителите си. Например, ако напишете следната команда: body {line-height: 20px}, тогава всички елементи на страницата имат интервал от 20 пиксела. Като стойност, тази собственост може да използва всички известни измервателни единици в CSS (точки - pt, пиксели - px, инчове и т.н.). Можете също да използвате относителни стойности, като например проценти или множители. В този случай интервалът между редовете ще бъде изчислен от родителския елемент. Стойността по подразбиране е ключовата дума нормална.

Допълнителна информация

Тъй като говорим за интервали, трябва да споменем разстоянието между буквите. За да се определи тази характеристика, CSS има отделна собственост, а именно отстояние между буквите. Принципът на тази команда е подобен на височината на линията. Единици и други стойности са еднакви. CSS разстоянието между буквите може да се приложи и към всички елементи и има поддръжка във всички версии на езика. Пример за използването на собствеността е "h2 {spacing: 10px; } ». Ако зададете интервал между буквите за елемента на тялото, всички елементи наследяват тази характеристика (освен ако стойността не е изрично променена).

заключение

Трябва да се отбележи, че някои браузъри неправилно определят разстоянието между редовете на CSS. Например програмата IE (до версия 7.0) неправилно изчислява разстоянието. В този случай трябва да се вземе предвид разликата в интервала. В по-новите версии на този браузър бъгът е напълно фиксиран. Подобен проблем възниква, когато използвате собствеността, за да определите разстоянието между буквите. Във всички останали програми тези екипи са дефинирани в съответствие с W3C (World Wide Web Consortium).