Rozteč řádků, CSS, základy

Dnes budeme analyzovat řádkování CSS. Tato vlastnost pomáhá zvýšit čitelnost textu. Také se často používá ke snížení velikosti obsahu na stránce. Zvláště pro ty nejzkušenější budou krátce rozděleny na historii problému níže. Takže se naučíte, jak nastavit řádkování CSS.

Požadované informace

CSS znamená Kaskádový stylový list, což znamená "kaskádové styly". Tento jazyk se používá k návrhu webových stránek, které byly napsány v značkovacím jazyce (například HTML). Před vytvořením CSS byl vestavěn návrh dokumentů HTML tagy, ale byly nesmírně nepohodlné a vyplňovaly celý kód. Proto bylo rozhodnuto vytvořit nový jazyk, který bude odpovědný za návrh. Dnes CSS a HTML jsou dva neoddělitelné koncepty. Syntaxe kaskádových tabulek je velmi jednoduchá, zde používáme vlastnosti a jejich významy, například "pozadí: červená". Chcete-li přiřadit rozsah, stačí napsat na jméno vlastnost tag (nebo identifikátor): «body {background: červeno}» a samotný tým je umístěn mezi závorkami. Na konci každé zaznamenané čáry s popisem charakteristiky by měla být umístěna středník, jinak dojde k chybě.

Intervaly

Ale dostatečně úvodní fráze, pojďme se pustit do podnikání. Rozteč řádků CSS se nastavuje pomocí vlastnosti line-height. Může se vztahovat na všechny prvky. Samotný majetek je zděděn, což znamená, že děti budou kopírovat interval od svých rodičů. Například, pokud se psát následující příkaz: těleso {line-výška: 20 pixelů}, pak všechny prvky na stránce, řádkování se rovná 20 pixelů. Jako hodnotu může tato vlastnost používat jakákoli měřicí jednotka známá v CSS (body - pt, pixely - px, palce - in, atd.). Můžete také použít relativní hodnoty, například procenta nebo násobitele. V tomto případě bude interval CSS mezi řádky vypočítán z nadřazeného prvku. Výchozí hodnota je klíčové slovo normální.

Další informace

Vzhledem k tomu, že mluvíme o intervalech, můžeme uvést vzdálenost mezi písmeny. K určení této charakteristiky má CSS samostatnou vlastnost, jmenovitě písmeno. Princip tohoto příkazu je podobný výšce řádku. Jednotky a další hodnoty jsou stejné. CSS-spacing mezi písmeny může být také aplikován na všechny prvky a má podporu ve všech verzích jazyka. Příklad použití vlastnosti je "h2 {spacing: 10px; } ». Pokud přiřadíte interval mezi písmeny prvku tělesa, pak všechny prvky dědí tuto vlastnost (pokud není hodnota explicitně přemapována).

Závěr

Je třeba poznamenat, že některé prohlížeče nesprávně definují řádkování CSS. Například program IE (až do verze 7.0) nesprávně vypočítá vzdálenost. V takovém případě by měl být zohledněn rozdíl v intervalu. V novějších verzích tohoto prohlížeče je chyba zcela opravena. Podobný problém nastane, když používáte vlastnost k určení rozestupu mezi písmeny. Ve všech ostatních programech jsou tyto týmy definovány v souladu s W3C (World Wide Web Consortium).