Spațierea liniei, CSS, elementele de bază

Astăzi vom analiza spațierea liniilor CSS. Această proprietate ajută textul să fie mai ușor de citit. Este adesea folosit pentru a reduce dimensiunea conținutului de pe pagină. Mai ales pentru cele mai neexperimentate, va fi prezentată o scurtă deviere a istoriei problemei. Deci, în continuare, veți învăța cum să setați spațierea liniilor CSS.

Informații necesare

CSS înseamnă Caseta de stil cascadă, ceea ce înseamnă "foi de stil în cascadă". Această limbă este utilizată pentru a crea pagini web scrise în limbaj de marcare (de exemplu, HTML). Înainte de apariția CSS, proiectarea documentelor a fost instalată utilizând built-in Etichete HTML, dar au fost extrem de incomod și au umplut tot codul. Prin urmare, sa decis crearea unei noi limbi, care va fi responsabilă pentru proiectare. Astăzi CSS și HTML sunt două concepte inseparabile. Sintaxa tabelelor în cascadă este foarte simplă, aici folosim proprietățile și semnificațiile lor, de exemplu "fundal: roșu". Pentru a atribui un domeniu de aplicare, trebuie doar să scrieți numele etichetei (sau identificatorilor) înaintea proprietății: "corp {fundal: roșu-}", iar comanda însăși este plasată între acoladele curbate. La sfârșitul fiecărei linii înregistrate, cu o descriere a caracteristicii, trebuie să fie plasat punct și virgulă, altfel va apărea o eroare.

intervale

Dar suficiente fraze introductive, să trecem la afaceri. Spațierea liniei CSS este setată folosind proprietatea înălțimii liniei. Se poate aplica tuturor elementelor. Proprietatea însăși este moștenită, ceea ce înseamnă că copiii vor copia intervalul de la părinți. De exemplu, dacă scrieți următoarea comandă: body {line-height: 20px}, atunci toate elementele de pe pagină au un interval de 20 de pixeli. Ca valoare, această proprietate poate utiliza orice unitate de măsură cunoscută în CSS (puncte - pt, pixeli - px, inch - in, etc). De asemenea, puteți utiliza valori relative, cum ar fi procente sau multiplicatori. În acest caz, intervalul CSS dintre linii va fi calculat din elementul părinte. Valoarea implicită este cuvântul cheie normal.

Informații suplimentare

Deoarece vorbim de intervale, ar trebui să menționăm distanța dintre litere. Pentru a determina această caracteristică, CSS are o proprietate separată, și anume spațierea literelor. Principiul acestei comenzi este similar cu înălțimea liniei. Unitățile și alte valori sunt aceleași. Intervalul CSS între litere poate fi aplicat și pentru toate elementele și are suport în toate versiunile limbii. Un exemplu de utilizare a proprietății este "h2 {spacing-letter: 10px; } ». Dacă atribuiți un interval între literele pentru elementul corpului, atunci toate elementele moștenesc această caracteristică (cu excepția cazului în care valoarea este remapată explicit).

concluzie

Trebuie remarcat faptul că unele browsere definesc incorect distanța între liniile CSS. De exemplu, programul IE (până la versiunea 7.0) calculează incorect distanța. În acest caz, trebuie luată în considerare diferența dintre interval. În versiunile mai noi ale acestui browser, bug-ul este complet fixat. O problemă similară apare atunci când utilizați proprietatea pentru a determina spațiul dintre litere. În toate celelalte programe, aceste echipe sunt definite în conformitate cu W3C (World Wide Web Consortium).