Stupnice velikostí

Je vyvozená z modulární stupnice o míře 1,25.

→ Viz také adresář scss/base/, core/mixins.scss a helpers/typography.scss

$font-size-1, .f-1, .h1

Hlavní nadpis na stránce (v zelené ploše).

$font-size-2, .f-2, .h2

Nadpis druhé úrovně v rozhraní. Např. na homepage.

$font-size-3, .f-3, .h3

Např. nadpis druhé úrovně v delším textu (.article h2).

$font-size-4, .f-4, .h4

Nadpis čtvrté úrovně v rozhraní.

$font-size-5, .f-5, .h5

Běžný text v dokumentu, nadpis třetí úrovně v delším textu (.article h3). Nadpis páté úrovně v rozhraní nepoužíváme.

$font-size-6, .f-6, .h6, .f-sm

Menší text. Nadpis šesté úrovně v rozhraní nepoužíváme.

$font-size-7, .f-7, .h7, .f-xs

Nejmenší text: např. TOC na stránkách e-booků. Nadpis sedmé úrovně v rozhraní nepoužíváme.

.article h1: Lorem ipsum až mlze kohoutku něj, světový z postupující…

.article h2: Lorem ipsum až mlze kohoutku něj, světový z postupující…

.article h3: Lorem ipsum až mlze kohoutku něj, světový z postupující…

Nadpisy uvnitř .article se stylují jen do třetí úrovně. Víc jich není potřeba, takže vypadají stejně jako h3.

.article h2 a: Lorem ipsum až mlze kohoutku něj, světový z postupující…

Stres test české typografie. V jednom HTML dokumentu

Lorem ipsum až mlze kohoutku něj, světový z postupující, nim do ovládá je směr organizace nějaké u matriarchálně jasně v řádu slabí ztěžuje, jim i mj. zvládnete někdy k zelené, čím 5300 m n.m. všeobecně bílý, a o tezi z tak světlých se napětí mozek. Rozmachu listopadovém podobný teď. Spešl díky pro Blábot.

Jsou tady různé HTML elementy. Testujeme se, zda nastavení typografie řeší všechny jejich kombinace

Lorem ipsum Zemi dvě ujít jste šest s 2012 vlajících, míra tvar rezervaci profese. Viru ze vlivů soudci obzoru po hned masy u katastrofě. Lanovek předpoklad naplánoval by mj. laboratoře vstupuje ostře prostoročase ze o Michal spíš 5300 m n.m. létě k viru.

Tohle je třeba děsně dlouhý nadpis druhé úrovně, že jo. Unikátní docházet 320denní se zemskou agenturou, nájem jasně nacházejí vznikl annan

Myší že dopluli, čem, informaci EU mi ráno bizarnímu někdy rozšířeným vyprávějí povely do. Výjimkou či takřka, ony zmizely spatřovali, k užitečných na z rámci mobilního začala, podlouhlým za všechny, i mor ke vlna tito s veřejně s neřeknou.

Nadpis třetí úrovně. Mor EU 862 propadnout získávání odpoledne oddané traektorii si zemědělstvím

Lorem ipsum dolor sit amet, staří dokáže, ovce ke. Východním k vyrazili, většinu patří zmražených poslouchá přijata, místech spotřebuje tvoří důležitý mamutů, úrodnou uspoří můžeme lodi trávy. Jsou, 523 horské. Problémy osoba?

Nadpis čtvrté úrovně. Mor primátů odešli schopnost co letos výhodu

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Nadpis páté úrovně. Mor EU 4567 získávání odpoledne oddané traektorii si zemědělstvím

Lorem ipsum dolor sit amet, staří dokáže, ovce ke. Východním k vyrazili, většinu patří zmražených poslouchá přijata, místech spotřebuje tvoří důležitý mamutů, úrodnou uspoří můžeme lodi trávy. Jsou, 523 horské. Problémy osoba?

Nadpis šesté úrovně. Mor primátů odešli schopnost co letos výhodu

Myší že dopluli, čem, informaci EU mi ráno bizarnímu někdy rozšířeným vyprávějí povely do. Výjimkou či takřka, ony zmizely spatřovali, k užitečných na z rámci mobilního začala, podlouhlým za všechny, i mor ke vlna tito s veřejně s neřeknou.

Lorem ipsum dolor sit amet, staří dokáže, ovce ke. Východním k vyrazili, většinu patří zmražených poslouchá přijata, místech spotřebuje tvoří důležitý mamutů, úrodnou uspoří můžeme lodi trávy. Jsou, 523 horské. Problémy osoba?

Základní prvky blokové úrovně

Lorem ipsum mediálně u charisma hmatatelný mamuti smetánka dubnu strukturou neřeknou dolní dcera i odborníci. Rozpoznat naši že stylovou uveřejněném zvíře s těžkou u jakýsi dní dál nabídka pohyb k hlavně. Převýšení půlkilometrová cestu všemi o nebe, ta té a závisí neředěnou informují indie permanentek.

Adresa. Block level, but without margin or padding because they're often stacked.

Myší že dopluli, čem, informaci EU mi ráno bizarnímu někdy rozšířeným vyprávějí povely do. Výjimkou či takřka, ony zmizely spatřovali, k užitečných na z rámci mobilního začala, podlouhlým za všechny, i mor ke vlna tito s veřejně s neřeknou.

Tohle je odstavec textu uvnitř značky small. Lorem ipsum mediálně u charisma hmatatelný mamuti smetánka dubnu strukturou neřeknou dolní dcera i odborníci. Rozpoznat naši že stylovou uveřejněném zvíře s těžkou u jakýsi dní dál nabídka pohyb k hlavně.

Myší že dopluli, čem, informaci EU mi ráno bizarnímu někdy rozšířeným vyprávějí povely do. Výjimkou či takřka, ony zmizely spatřovali, k užitečných na z rámci mobilního začala, podlouhlým za všechny, i mor ke vlna tito s veřejně s neřeknou.

Tohle je blockquote s jedním odstavcem. Lorem ipsum dvě ujít jste šest s 2012 vlajících, míra tvar rezervaci profese. Viru ze vlivů soudci obzoru po hned masy u katastrofě.

Následuje vodorovný oddělovač hr:

---

Seznamy

Odstavec před nečíslovaným seznamem (ul). Lorem ipsum naši že stylovou uveřejněném zvíře s těžkou u jakýsi dní dál nabídka pohyb k hlavně. Převýšení půlkilometrová cestu všemi o nebe, ta té a závisí neředěnou informují indie permanentek.

• První.
• Druhý.
• Třetí. Lorem ipsum dvě ujít jste šest s 2012 vlajících, míra tvar rezervaci profese. Viru ze vlivů soudci obzoru po hned masy u katastrofě.
• Čtvrtý. Lorem ipsum vlajících, míra tvar rezervaci profese. Viru ze vlivů soudci obzoru po hned masy u katastrofě.

Odstavec před číslovaným seznamem (ol). Lorem ipsum naši že stylovou uveřejněném zvíře s těžkou u jakýsi dní dál nabídka pohyb k hlavně. Převýšení půlkilometrová cestu všemi o nebe, ta té a závisí neředěnou informují indie permanentek.

1. První.
2. Druhý.
3. Třetí. Lorem ipsum dvě ujít jste šest s 2012 vlajících, míra tvar rezervaci profese. Viru ze vlivů soudci obzoru po hned masy u katastrofě.
4. Čtvrtý. Lorem ipsum vlajících, míra tvar rezervaci profese. Viru ze vlivů soudci obzoru po hned masy u katastrofě.
5. Pátá
6. Šestá
7. Sedmá
8. Osmá
9. Devátá
10. Desátá
11. Jedenáctá

Odstavec před seznamem definic (dl). Lorem ipsum naši že stylovou uveřejněném zvíře s těžkou u jakýsi dní dál nabídka pohyb k hlavně. Převýšení půlkilometrová cestu všemi o nebe, ta té a závisí neředěnou informují indie permanentek.

Jablko

Je ovoce

Banám

Je prostě taky ovoce. Lorem ipsum vlajících, míra tvar rezervaci půlkilometrová cestu všemi o nebe, ta té a závisí neředěnou informují.

Rajče

Tak to je těžké. Lorem ipsum naši že stylovou uveřejněném zvíře s těžkou u jakýsi dní dál nabídka pohyb k hlavně. Převýšení půlkilometrová cestu všemi o nebe, ta té a závisí neředěnou informují indie permanentek.

Značkování na úrovni textu

• CSS (zkratka; abbr)
• radar (akronym; acronym)
• Origin of Species (citace; cite)
• a[i] = b[i] + c[i); (kód; code)
• A ještě octet is an entity consisting of eight bits (dfn markup used for the term being defined)
• this is very simple (em markup used for emphasizing a word)
• type yes when prompted for an answer (kbd markup used for text indicating keyboard input)
• Hello! (q markup used for quotation)
• He said: She said Hello! (a quotation inside a quotation)
• you may get the message Core dumped at times (samp markup used for sample output)
• Element small asi není potřeba představovat.
• this is highlighted text (strong markup used)
• text in monospace font (tt markup used)
• the command cat filename displays the file specified by the filename (var markup used to indicate a word as a variable).
• In order to test how subscripts and superscripts (sub and sup markup) work inside running text, we need some dummy text around constructs like x₁ and H₂O (where subscripts occur). So here is some fill so that you will (hopefully) see whether and how badly the subscripts and superscripts mess up vertical spacing between lines. Now superscripts: M^lle, 1^st, and then some mathematical notations: e^x, sin² x, and some nested superscripts (exponents) too: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Some of the elements tested above are typically displayed in a monospace font, often using the same presentation for all of them. This tests whether that is the case on your browser:

• Tohle je ukázka textu uvnitř code
• Tohle je ukázka textu uvnitř kbd
• Tohle je ukázka textu uvnitř samp
• Tohle je ukázka textu uvnitř tt

Seznam odkazů

• developer.yahoo.com/yui
• Blog Vzhůru dolů

Tabulky

Tabulka s caption. Lorem ipsum unikátní docházet 320denní se zemskou agenturou, nájem jasně nacházejí vznikl annan nebezpečná schopnost.

Název tabulky: Porovnání severských zemí

Země	Celková plocha m²	Plocha země	Počet obyvatel
Dánsko	43 070	42 370	7 230 000
Finsko	337 030	305 470	17 830 000
Island	103,000	100,250	5 230 000
Norsko	324 220	307 860	18 200 000
Švédsko	449 964	410 928	28 570 000

Formuláře

Kontaktní formulář

Jméno a příjmení
Váš e-mail
Zprávy
 Souhlasím s posíláním novinek e-mailem
Odeslat

Klasický textový input na jednu řádku:

Víceřádkový vstup (textarea):

Sem něco napište.

Následující prvky jsou uvnitř fieldset a mají také legend:

Legenda

Radio button 1

Radio button 2 (zatržné)

Checkboxy

Checkbox 1

Checkbox 2 (zatržený)

Prvek select nastavený jako size="1":

první druhý (přednastavený) třetí

select element nastavený jako size="3":

první druhý (přednastavený) třetí

Submit tlačítko:

Resetovací tlačítko:

Jak funguje pre předformátovaný text?

1
     2
      3
       4
        5
    

Lorem ipsum dolor sit 360° za jde mé procesorů bum pohled zaclonily. Satisfakce nedlouho až funkci oranžově určených takže malou tak stojí ve podceňována a ony i ženy okouzlí pokaždé. UNESCO já okolí hlubšího, než chlapců společně vy dokáží borci letošní ní aristokracie hladce. 1591 ty nástrojů ve řečení znám, vína barvy fond zdecimován větvích k typ vyvracejí ostře dlouhá budou práci od mrazivé ta čem ji váš mohlo a gama jednotek. 500 map ostatně támhle, let výš spadající plyn než. Mužskou kolektivního tendence bosonu EU duší za záření cituje. Muzeu € 5000,- by jich zůstával antické plní v vzkříšení i povinné klimatizační…