Spațierea CSS, elementele de bază

Astăzi vom analiza intervale de înălțimea liniei CSS. Această caracteristică ajută face textul mai ușor de citit. De asemenea, este adesea folosit pentru a reduce dimensiunea ocupat de conținutul paginii. Mai ales pentru novice doar de mai jos va fi oferit o scurtă digresiune despre istoria problemei. Deci, atunci, vă va învăța cum să instalați intervalele de înălțime linie CSS.

informațiile necesare

CSS vine de la Cascading Style Sheet, care tradus înseamnă "foi de stil în cascadă". Această limbă este utilizată pentru paginile web care au fost scrise într-un limbaj de marcare (de exemplu, HTML). Înainte de apariția CSS seturi de documente de design cu built-in tag - uri HTML, dar acestea au fost extrem de incomode și inundând întregul cod. Prin urmare, sa decis să creeze o nouă limbă, care va fi responsabil pentru înregistrare. Astăzi, CSS si HTML - sunt două concepte inseparabile. Sintaxa stil în cascadă este foarte simplu, se folosește proprietățile și valorile lor, cum ar fi «fundal: roșu». Pentru a atribui un domeniu de aplicare, trebuie doar să scrie un nume de etichetă de proprietate (sau identificator): «body {background: roșu; } „Dar echipa în sine este plasat între acolade. La sfârșitul fiecărei linii înregistrate cu o descriere a caracteristicilor de a fi o virgulă, altfel apare o eroare.

intervale

Dar destul de fraze introductive, ajunge la afaceri. Spațiere proprietăți CSS sunt setate folosind linia de înălțime. Acesta poate fi aplicat tuturor elementelor. Proprietatea în sine este moștenită, ceea ce înseamnă că copiii vor copia distanța de la părinții lor. De exemplu, dacă scrieți următoarea comandă: body {line-height: 20px}, atunci toate elementele de pe pagină, spațierea linie va fi egală cu 20 de pixeli. Deoarece valoarea acestei proprietăți pot fi folosite în orice unități CSS cunoscute (obiecte - pt, pixeli - px, inci - in, etc ...). O altă opțiune este de a utiliza valori relative astfel de interes sau multiplicatori. În acest caz, distanța CSS-line va fi dedusă din elementul părinte. Valoarea implicită este considerată a fi cuvântul cheie normal.

Pentru mai multe informații,

Din moment ce vorbim despre intervalele, este demn de menționat despre distanța dintre litere. Pentru a determina această caracteristică în CSS pus deoparte o proprietate separată, și anume literă spațiere. această comandă este un principiu de acțiune este similar cu linia de înălțime. Unitățile alte valori la fel. CSS-spațiere între litere pot fi aplicate tuturor elementelor, și are sprijinul tuturor versiunilor limbii. Exemplu de proprietăți: «h2 {literă Spațiere: 10px; }“. Dacă atribuiți intervalul dintre litere pentru elementul de corp, atunci toate elementele vor moșteni această funcție (dacă valoarea nu este suprascrisă în mod explicit).

concluzie

Trebuie remarcat faptul că unele browsere determina corect intervalele CSS înălțimea liniei. De exemplu, programul IE (până la versiunea 7.0) calculează incorect distanța. În acest caz, ar trebui să ia în calcul intervalul diferența. Noi versiuni ale acestei erori este corectată complet browser-ul. O problemă similară este întâlnită atunci când se utilizează proprietățile pentru determinarea distanței dintre litere. În toate celelalte programe de date de comandă se determină în conformitate cu W3C (World Wide Web Consortium).