Міжрадковыя інтэрвалы, CSS, асновы

Сёння мы з вамі будзем разбіраць міжрадковыя інтэрвалы CSS. Дадзеная ўласцівасць дапамагае зрабіць тэкст больш зручным для чытання. Таксама яно часта выкарыстоўваецца для памяншэння памеру, займанага кантэнтам на старонцы. Спецыяльна для самых неспрактыкаваных крыху ніжэй будзе прадастаўлены кароткі экскурс па гісторыі пытання. Такім чынам, далей вы даведаецеся, як ўсталёўваць міжрадковыя інтэрвалы CSS.

неабходныя звесткі

CSS расшыфроўваецца як Cascading Style Sheet, што ў перакладзе значыць «каскадныя табліцы стыляў». Гэтая мова выкарыстоўваецца для афармлення вэб-старонак, якія былі напісаны на мове разметкі (напрыклад, HTML). Да з'яўлення CSS дызайн дакументаў ўсталёўваўся з выкарыстаннем убудаваных тэгаў HTML, але яны былі вельмі нязручныя і заполоняет увесь код. Таму было прынята рашэнне стварыць новую мову, які будзе адказваць за афармленне. Сёння CSS і HTML - гэта два непарыўных паняцці. Сінтаксіс каскадных табліц вельмі просты, тут выкарыстоўваецца ўласцівасці і іх значэння, напрыклад «background: red». Каб прызначыць вобласць дзеяння, трэба проста напісаць перад уласцівасцю імя тэга (або ідэнтыфікатары): «body {background: red; } », А сама каманда змяшчаецца паміж фігурнымі дужкамі. У канцы кожнай запісанай радкі з апісаннем характарыстыкі павінна ставіцца кропка з коскі, інакш паўстане памылка.

інтэрвалы

Але хопіць ўступных фраз, пяройдзем да справы. Міжрадковыя інтэрвалы CSS ўсталёўваюцца пры дапамозе ўласцівасці line-height. Прымяняцца яно можа да ўсіх элементаў. Само ўласцівасць успадкоўваецца, гэта азначае, што даччыныя элементы будуць капіяваць інтэрвал ад сваіх бацькоў. Напрыклад, калі напісаць наступную каманду: body {line-height: 20px}, то ва ўсіх элементаў на старонцы міжрадковы інтэрвал будзе раўняцца 20 пікселям. У якасці значэння дадзенае ўласцівасць можа выкарыстоўваць любыя вядомыя ў CSS адзінкі вымярэння (пункты - pt, пікселі - px, цалі - in і т. Д.). Таксама можна выкарыстоўваць адносныя велічыні, напрыклад працэнты або множнікі. У гэтым выпадку CSS-інтэрвал паміж радкамі будзе вылічвацца ад бацькоўскага элемента. Значэннем па змаўчанні лічыцца ключавое слова normal.

дадатковыя звесткі

Раз ужо мы загаварылі пра інтэрвалы, то варта згадаць пра адлегласць паміж літарамі. Для вызначэння гэтай характарыстыкі ў CSS адведзена асобнае ўласцівасць, а менавіта letter-spacing. Прынцып дзеяння дадзенай каманды падобны з line-height. Адзінкі вымярэння і іншыя значэнні аднолькавыя. CSS-інтэрвал паміж літарамі можа таксама прымяняцца да ўсіх элементаў, і мае падтрымку ва ўсіх версіях мовы. Прыклад выкарыстання ўласцівасці: «h2 {letter-spacing: 10px; } ». Калі прызначыць інтэрвал паміж літарамі для элемента body, то ўсе элементы пярэймуць гэтую характарыстыку (калі значэнне відавочна не пераназначаны).

заключэнне

Варта адзначыць, што некаторыя браўзэры няправільна вызначаюць міжрадковыя інтэрвалы CSS. Напрыклад, праграма IE (да 7.0 версіі) некарэктна вылічвае адлегласць. У гэтым выпадку варта ўлічваць розніцу інтэрвалу. У новых версіях гэтага браўзэра памылка цалкам выпраўлена. Падобная праблема сустракаецца пры выкарыстанні ўласцівасці для вызначэння адлегласць паміж літарамі. Ва ўсіх астатніх праграмах дадзеныя каманды вызначаюцца ў адпаведнасці з W3C (Кансорцыум сусветнага сеціва).