Písmo v CSS: Základní termíny
47 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é možnosti poskytuje vlastnost overflow-wrap pro žádané chování zalamování textu?

  • normal, anywhere, break-word (correct)
  • normal, break-line, wrap-words
  • nowrap, wrap, auto
  • soft, hard, normal

    • Jaká je funkce vlastnosti pre-wrap?

  • Odstraňuje všechny nové řádky.
  • Zabraňuje přetečení obsahu.
  • Zalomení řádků se nastavení jen na prvním znaku.
  • Zachovává sekvence prázdného místa. (correct)

    • Jaký význam má hodnota 'justify-all' ve vlastnosti text-align?

  • Zarovnání textu doleva
  • Zarovnání textu na střed
  • Zarovnání textu do bloku včetně posledního řádku (correct)
  • Zarovnání textu doprava

    • Která hodnota vlastnosti tab-size se používá pro nastavení šířky tabulátorů?

    <p>Délka</p> Signup and view all the answers

    Jaká hodnota overflow-wrap umožňuje přerušený text kdykoli během obsahu?

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

    Jak se chová vlastnost text-align pro hodnotu 'end' ve směru zprava doleva?

    <p>Zarovná text vlevo</p> Signup and view all the answers

    Jaká je funkce vlastnosti word-break?

    <p>Určuje, zda se zalomí řádek při přetečení textu.</p> Signup and view all the answers

    Jaké hodnoty může nabývat vlastnost line-break?

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

    Jakou funkci má vlastnost text-align-last?

    <p>Nastavení zarovnání posledního řádku před zalomením</p> Signup and view all the answers

    Co dělá vlastnost hyphens?

    <p>Automaticky vkládá pomlčky do slov pro správné dělení.</p> Signup and view all the answers

    Která hodnota pro text-align zajišťuje úplné zarovnání textu do bloku?

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

    Jaký efekt má vlastnost break-spaces?

    <p>Je stejná jako pre-wrap, ale s výjimkami.</p> Signup and view all the answers

    Jaký efekt má hodnota 'normal' u vlastnosti overflow-wrap?

    <p>Povoluje dělení řádků pouze v normálních bodech zlomu</p> Signup and view all the answers

    Jak se hodnoty keep-all a break-all liší ve vlastnosti word-break?

    <p>keep-all zabraňuje zalomení pro všechny jazyky, break-all vždy zlomy provede.</p> Signup and view all the answers

    Jaké hodnoty má vlastnost text-align podle směru textu?

    <p>start, end, match-parent</p> Signup and view all the answers

    Co znamená hodnota auto ve vlastnosti line-break?

    <p>Používá výchozí pravidlo pro zalomení řádků.</p> Signup and view all the answers

    Jaká vlastnost CSS se používá k nastavení barvy obrysu prvku?

    <p>outline-color</p> Signup and view all the answers

    Jaké hodnoty může nabývat vlastnost outline-width?

    <p>thin, medium, thick</p> Signup and view all the answers

    Co se stane s obrysy, když se v dokumentu používá víceřádkový text?

    <p>Obrys se vykreslí pouze jednou pro celý blok textu.</p> Signup and view all the answers

    Jaký význam má vlastnost outline-offset?

    <p>Nastavuje vzdálenost mezi obrysem a okrajem prvku.</p> Signup and view all the answers

    Který z následujících stylů není platnou hodnotou pro outline-style?

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

    Jakou funkci má vlastnost resize v CSS?

    <p>Umožňuje měnit velikost prvku a jeho směr.</p> Signup and view all the answers

    Jaký důvod je uveden pro nepřesně definovaný tvar obrysu?

    <p>Zajišťuje lepší uživatelský prožitek na platformě.</p> Signup and view all the answers

    Jakým způsobem se chová vlastnost width, pokud je box-sizing nastavena na border-box?

    <p>Nastaví šířku včetně okraje.</p> Signup and view all the answers

    Jaké hodnoty může nabývat vlastnost empty-cells?

    <p>show a hide</p> Signup and view all the answers

    Co se stane, když zadáte jednu délku pro border-spacing?

    <p>Nastaví se jak horizontální, tak vertikální rozestup.</p> Signup and view all the answers

    Jaké hodnoty může mít vlastnost height?

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

    Jaký efekt má vlastnost min-width?

    <p>Zabraňuje zmenšení délky pod zadanou hodnotu.</p> Signup and view all the answers

    Jaké hodnoty může nabývat vlastnost 'vertical-align'?

    <p>top, middle, bottom</p> Signup and view all the answers

    Jaký je výchozí režim pro vlastnost width?

    <p>dynamický a závislý na obsahu</p> Signup and view all the answers

    Co znamená hodnota inherit pro vlastnost width?

    <p>Šířka bude zděděna z nadřazeného prvku.</p> Signup and view all the answers

    Co se děje, když není uvedena jednotka pro číslo v CSS?

    <p>Jedná se o bezrozměrné číslo.</p> Signup and view all the answers

    Jaký je výchozí box model pro vlastnost 'box-sizing'?

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

    Jak se chová barva buněk nastavená na show u vlastnosti empty-cells?

    <p>Okraje a pozadí se budou zobrazovat.</p> Signup and view all the answers

    Jaký je účel obrysů v CSS?

    <p>Obrysy mohou sloužit jako vizuální prvek kolem objektů.</p> Signup and view all the answers

    Co dělá hodnota 'border-box' u vlastnosti 'box-sizing'?

    <p>Zahrnuje obsah, ohraničení a padding do celkové šířky a výšky.</p> Signup and view all the answers

    Jaké hodnoty mohou být použity v rámci vlastnosti 'vertical-align' pro zarovnání textu?

    <p>baseline, text-top, bottom</p> Signup and view all the answers

    Jaká hodnota způsobí, že přetečený obsah nebude oříznut a bude viditelný mimo rámeček?

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

    Jaká je hlavní funkce modulu 'CSS Basic User Interface Module Level'?

    <p>Popisovat vlastnosti CSS pro stylizaci UI.</p> Signup and view all the answers

    Jaké hodnoty může nabývat vlastnost overflow-clip-margin?

    <p>border-box, padding-box, length</p> Signup and view all the answers

    Co se stane, pokud je vlastnost overflow nastavena na 'auto'?

    <p>Scrollbar se zobrazuje pouze když obsah přetéká.</p> Signup and view all the answers

    Jakým způsobem se liší obrys od ohraničení?

    <p>Obrysy nezabírají místo kolem objektu.</p> Signup and view all the answers

    Jak se nastavují hodnoty overflow-x a overflow-y, pokud je zadaná pouze jedna hodnota overflow?

    <p>Obě hodnoty se nastaví na stejnou hodnotu.</p> Signup and view all the answers

    Jak působí vlastnost scroll-behavior s hodnotou 'smooth'?

    <p>Posouvá plynule podle nastavení uživatele.</p> Signup and view all the answers

    Co znamená, když je hodnota overflow-clip-margin vynechána?

    <p>Použije se výchozí hodnota padding-box.</p> Signup and view all the answers

    Jaká hodnota pro overflow způsobí, že scrollbar bude skryt, dokud není obsah přetékající?

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

    Jaký vliv má záporná hodnota pro overflow-clip-margin?

    <p>Způsobí chybu a nebude akceptována.</p> Signup and view all the answers

    Study Notes

    Písmo v CSS

    • Znak (character) je nejmenší sémanticky významná jednotka psaného jazyka. Není konkrétně vykreslen, ale odkazuje na standard Unicode s přiřazeným kódem.
    • Glyf (glyph) je konkrétní vizuální reprezentace znaku. Jeden znak může mít více glyfů (např. ligatury).
    • Font je sada znaků stejné velikosti a stylu. Obsahuje glyfy mapované na znaky.
    • Rodina písem je skupina řezů odvozených z jednoho typu písma. Každý řez (např. tučný, kurzíva) je grafická varianta základního typu písma.

    Základní termíny v CSS Fonts Module Level 3

    • Znak (character): Nejjednodušší sémantická složka psaného jazyka. Abstraktní, nikoli vykreslený.
    • Glyf (glyph): Konkrétní vizuální tvar znaku, může existovat více glyfů pro jeden znak.
    • Font: Sada znaků jedné velikosti a stylu, obsahující glyfy mapované na znaky.
    • Rodina písem: Skupina řezů jednoho typu písma. Řez je grafická varianta (např. tučný, kurzíva).

    Vlastnosti fontu

    • font-family: Prioritní seznam názvů rodin písem. Může obsahovat konkrétné názvy (např. Arial) nebo generické (serif, sans-serif).
    • font-weight: Nastavuje tučnost písma (100-900). Normal = 400, Bold = 700.
    • font-style: Určuje styl písma (normal, italic, oblique).
    • font-size: Udává velikost písma (např. 16px, 1.2em).
    • font-stretch: Nastavuje rozšíření, zhuštění nebo normální řez písma (condensed, normal, expanded).
    • font-size-adjust: Nastavuje poměr velikosti malých a velkých písmen, aby se zachovala čitelnost.
    • font-style: Nastavuje styl písma (normal, italic, oblique).

    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 základní terminologii písma v CSS a objasňuje pojmy jako znak, glyf, font a rodina písem. Ověřte si své znalosti o tom, jak jsou tyto pojmy vzájemně propojeny a jak se používají v CSS. Ideální pro všechny, kteří se chtějí dozvědět více o stylování textu na webu.

    More Like This

    HTML and CSS Fonts Quiz
    5 questions

    HTML and CSS Fonts Quiz

    DesirableSatire avatar
    DesirableSatire
    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
    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser