CSS Fonts Module Level 3
48 Questions
1 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Jaká hodnota se použije pro velikost písma, pokud není specifikována metrika?

  • font-size
  • none
  • max-height
  • x-height (correct)

    • Která vlastnost řídí použití alternativních glyfů pro velká písmena?

  • font-variant-caps (correct)
  • font-variant-alternates
  • font-variant-emoji
  • font-variant-position

    • Jaká vlastnost je zkráceným zápisem pro další vlastnosti jako font-style a font-size?

  • font (correct)
  • font-weight
  • line-height
  • font-variant

    • Co určuje vlastnost font-variant-emoji?

    <p>Výchozí styl prezentace emotikonů.</p> Signup and view all the answers

    Jaký formát písma je momentálně preferován pro webová písma?

    <p>WOFF</p> Signup and view all the answers

    Jakým způsobem lze připojit webová písma v CSS?

    <p>@font-face</p> Signup and view all the answers

    Jakou hodnotu může nabývat vlastnost velikosti písma mimo 'none' a 'from-font'?

    <p>metrika a číslo</p> Signup and view all the answers

    Jaké hodnoty může nabývat vlastnost pro měnění velikosti prvku?

    <p>none, both, horizontal, vertical</p> Signup and view all the answers

    Která z následujících vlastností určuje používané ligatury a kontextové formy?

    <p>font-variant-ligatures</p> Signup and view all the answers

    Jaké hodnoty může mít vlastnost text-overflow?

    <p>clip, ellipsis, auto, default</p> Signup and view all the answers

    Jaké informace určuje vlastnost cursor?

    <p>Jaký typ kurzoru se zobrazuje pro ukazovací zařízení</p> Signup and view all the answers

    Co určuje vlastnost overflow?

    <p>Chování obsahu při přetečení boxu</p> Signup and view all the answers

    Jakou hodnotu může mít vlastnost cursor pro posunování?

    <p>move</p> Signup and view all the answers

    Jaký typ ořezávání může vlastnost text-overflow použít?

    <p>ellipsis</p> Signup and view all the answers

    Jaké hodnoty může mít vlastnost overflow-x?

    <p>visible, hidden, scroll</p> Signup and view all the answers

    Jaký kurzor se zobrazuje pro pomoc?

    <p>help</p> Signup and view all the answers

    Jaký typ spojovníku je viditelný při zalamování řádků?

    <p>Tvrdý spojovník (HYPHEN)</p> Signup and view all the answers

    Jaká hodnota overflow-wrap přerušuje text na jakémkoli místě, aby se zabránilo přetečení?

    <p>anywhere</p> Signup and view all the answers

    Jakým způsobem se nastavuje zarovnání textu pomocí vlastnosti text-align?

    <p>Vodorovně</p> Signup and view all the answers

    Jaká je hodnota text-align, která zarovná text na střed?

    <p>center</p> Signup and view all the answers

    Co dělá vlastnost text-align-last?

    <p>Zarovnává poslední řádek bloku nebo řádku</p> Signup and view all the answers

    Jaká hodnota overflow-wrap způsobí, že řádky se mohou lámat pouze v normálních bodech diferenciace?

    <p>normal</p> Signup and view all the answers

    Která hodnota text-align se používá pro zarovnání textu doprava?

    <p>right</p> Signup and view all the answers

    Co dělá vlastnost overflow-wrap, pokud je nastaveno na 'break-word'?

    <p>Nezohledňuje body měkkého zalamování</p> Signup and view all the answers

    Jaký je hlavní důvod, proč se nedoporučuje používat běžná písma OpenType na webu?

    <p>Mohou porušovat licenční smlouvy</p> Signup and view all the answers

    Jaká je funkce vlastnosti text-transform v CSS?

    <p>Ovládání velikosti písmen v textu</p> Signup and view all the answers

    Co se stane, když je vlastnost white-space nastavena na 'nowrap'?

    <p>Zalomení řádků bude potlačeno</p> Signup and view all the answers

    Která z následujících hodnot není platnou hodnotou pro vlastnost text-transform?

    <p>italics</p> Signup and view all the answers

    Jaká hodnota vlastnosti white-space udržuje sekvence prázdného místa?

    <p>pre</p> Signup and view all the answers

    Co dělá vlastnost max-width?

    <p>Nastavuje maximální šířku prvku.</p> Signup and view all the answers

    Co dělá hodnota 'capitalize' pro vlastnost text-transform?

    <p>Převádí první písmeno každého slova na velká</p> Signup and view all the answers

    Jaké hodnoty může vlastnost min-height nabývat?

    <p>délka, procento, auto</p> Signup and view all the answers

    Jaký efekt má vlastnost text-transform s hodnotou 'full-width'?

    <p>Vynucuje psaní znaků do čtverce</p> Signup and view all the answers

    Jaký je účel vlastnosti white-space s hodnotou 'normal'?

    <p>Sekvence prázdného místa jsou sbalené</p> Signup and view all the answers

    Jaká je funkce vlastnosti line-height?

    <p>Nastavuje vzdálenost mezi řádky textu.</p> Signup and view all the answers

    Co se stane, pokud nastavíte max-height na 'none'?

    <p>Nebude žádná maximální výška.</p> Signup and view all the answers

    Která možnost popisuje vlastnost fit-content?

    <p>Využije dostupný prostor, ale ne přes maximální šířku.</p> Signup and view all the answers

    Jaká hodnota se použije pro max-width, pokud je nastaveno na 'max-content'?

    <p>Maximální vlastní šířka obsahu.</p> Signup and view all the answers

    Jaký efekt má vlastnost min-content?

    <p>Omezuje minimální vlastní šířku nebo výšku.</p> Signup and view all the answers

    Jaká hodnota je přípustná pro vlastnost max-height?

    <p>max-content</p> Signup and view all the answers

    Jaká vlastnost zajišťuje zachování sekvencí prázdného místa při zalamování textu?

    <p>pre-wrap</p> Signup and view all the answers

    Jakou hodnotu může mít vlastnost tab-size?

    <p>délka - šířka tabulátoru</p> Signup and view all the answers

    Co dělá vlastnost word-break s hodnotou break-all?

    <p>Zalomení textu se provede při každém přetečení.</p> Signup and view all the answers

    Jaké hodnoty může mít vlastnost line-break?

    <p>auto, loose, normal, strict</p> Signup and view all the answers

    Jak se chová vlastnost hyphens s hodnotou none?

    <p>Zabraňuje rozdělování slov na konci řádků.</p> Signup and view all the answers

    Jaká je charakteristika vlastnosti break-spaces?

    <p>Je shodná s pre-wrap s určitými výjimkami.</p> Signup and view all the answers

    Co znamená hodnota keep-all pro vlastnost word-break?

    <p>Zalomení slov není povoleno, kromě čínského textu.</p> Signup and view all the answers

    Jak se používá hodnota auto u vlastnosti line-break?

    <p>Rozděluje text na základě výchozího pravidla zalomení.</p> Signup and view all the answers

    Study Notes

    Písmo v CSS

    • Práce s písmem v CSS je popsána v modulu CSS Fonts Module Level 3.
    • Znak (character) - nejméně významná složka psaného jazyka s sémantickou hodnotou. Není konkrétní způsob zobrazení. Používá standard Unicode.
    • Glyf (glyph) - konkrétní vizuální reprezentace znaku. Jeden znak může mít několik glyfů.
    • Font - sada znaků stejného stylu a velikosti. Obsahuje glyfy mapované na znaky.
    • Rodina písma - skupina fontů odvozených z jednoho základního typu písma. Různé varianty (např. tučné, kurzíva) jsou řezy.

    Základní termíny

    • Znak (character): Nejnižší sémantická jednotka psaného jazyka. Je to abstraktní reprezentace, ne grafický tvar. Standard Unicode je běžný způsob reprezentace a kódování znaků.
    • Glyf (glyph): Konkretizace znaku. Jeden znak může mít více glyfů (třeba různou velikost nebo styl). Ligatury jsou příkladem, kde jeden glyf zobrazuje dva znaky (např. spojená písmena).
    • Font (písmo): Sada glyfů pro jeden typ písma, velikosti a stylu. Představuje zásobník glyfů pro vykreslení.
    • Rodina písma (font family): Skupina fontů, které jsou odvozené ze stejného typu písma. Například Helvetica, Verdana, Times New Roman.. Součástí je i řada grafických variant.

    Vlastnosti fontů v CSS

    • font-family: Seznam prioritních rodin písem. Používá se pro výběr správného písma.
    • font-weight: Nastavuje tučnost písma (např. thin, normal, bold, bolder). Hodnoty od 100 (nejtenčí) do 900 (nejtučnější).
    • font-style: Nastavuje styl písma (např. normal, italic, oblique).
    • font-size: Velikost fontu (např. 12px, 1em, 16pt).
    • font-stretch: Nastavuje šířku znaku (např. normal, condensed, expanded).
    • font-variant: Nastavuje další varianty písma. Zahrnuje styl pro malé a velké písmeny.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    04_WWW_výukový text PDF

    Description

    Tento kvíz se zaměřuje na práci s písmem v CSS, jak je popsáno v modulu CSS Fonts Module Level 3. Osvojíte si základní termíny jako znak, glyf a font, a pochopíte vztahy mezi nimi. Získejte hlubší porozumění typografii v webovém designu.

    More Like This

    CSS Lettertypen Weergave
    24 questions

    CSS Lettertypen Weergave

    Muffin avatar
    Muffin
    Diseño Web con CSS: Fuentes y Layouts
    24 questions

    Diseño Web con CSS: Fuentes y Layouts

    LeanCubism avatar
    LeanCubism
    Písmo v CSS
    48 questions

    Písmo v CSS

    ForemostCanto5845 avatar
    ForemostCanto5845
    Písmo v CSS: Základní termíny
    47 questions

    Písmo v CSS: Základní termíny

    MarvelousQuartz4654 avatar
    MarvelousQuartz4654
    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser