Podcast
Questions and Answers
Jaká hodnota se použije pro velikost písma, pokud není specifikována metrika?
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?
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?
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?
Co určuje vlastnost font-variant-emoji?
Jaký formát písma je momentálně preferován pro webová písma?
Jaký formát písma je momentálně preferován pro webová písma?
Jakým způsobem lze připojit webová písma v CSS?
Jakým způsobem lze připojit webová písma v CSS?
Jakou hodnotu může nabývat vlastnost velikosti písma mimo 'none' a 'from-font'?
Jakou hodnotu může nabývat vlastnost velikosti písma mimo 'none' a 'from-font'?
Jaké hodnoty může nabývat vlastnost pro měnění velikosti prvku?
Jaké hodnoty může nabývat vlastnost pro měnění velikosti prvku?
Která z následujících vlastností určuje používané ligatury a kontextové formy?
Která z následujících vlastností určuje používané ligatury a kontextové formy?
Jaké hodnoty může mít vlastnost text-overflow?
Jaké hodnoty může mít vlastnost text-overflow?
Jaké informace určuje vlastnost cursor?
Jaké informace určuje vlastnost cursor?
Co určuje vlastnost overflow?
Co určuje vlastnost overflow?
Jakou hodnotu může mít vlastnost cursor pro posunování?
Jakou hodnotu může mít vlastnost cursor pro posunování?
Jaký typ ořezávání může vlastnost text-overflow použít?
Jaký typ ořezávání může vlastnost text-overflow použít?
Jaké hodnoty může mít vlastnost overflow-x?
Jaké hodnoty může mít vlastnost overflow-x?
Jaký kurzor se zobrazuje pro pomoc?
Jaký kurzor se zobrazuje pro pomoc?
Jaký typ spojovníku je viditelný při zalamování řádků?
Jaký typ spojovníku je viditelný při zalamování řádků?
Jaká hodnota overflow-wrap přerušuje text na jakémkoli místě, aby se zabránilo přetečení?
Jaká hodnota overflow-wrap přerušuje text na jakémkoli místě, aby se zabránilo přetečení?
Jakým způsobem se nastavuje zarovnání textu pomocí vlastnosti text-align?
Jakým způsobem se nastavuje zarovnání textu pomocí vlastnosti text-align?
Jaká je hodnota text-align, která zarovná text na střed?
Jaká je hodnota text-align, která zarovná text na střed?
Co dělá vlastnost text-align-last?
Co dělá vlastnost text-align-last?
Jaká hodnota overflow-wrap způsobí, že řádky se mohou lámat pouze v normálních bodech diferenciace?
Jaká hodnota overflow-wrap způsobí, že řádky se mohou lámat pouze v normálních bodech diferenciace?
Která hodnota text-align se používá pro zarovnání textu doprava?
Která hodnota text-align se používá pro zarovnání textu doprava?
Co dělá vlastnost overflow-wrap, pokud je nastaveno na 'break-word'?
Co dělá vlastnost overflow-wrap, pokud je nastaveno na 'break-word'?
Jaký je hlavní důvod, proč se nedoporučuje používat běžná písma OpenType na webu?
Jaký je hlavní důvod, proč se nedoporučuje používat běžná písma OpenType na webu?
Jaká je funkce vlastnosti text-transform v CSS?
Jaká je funkce vlastnosti text-transform v CSS?
Co se stane, když je vlastnost white-space nastavena na 'nowrap'?
Co se stane, když je vlastnost white-space nastavena na 'nowrap'?
Která z následujících hodnot není platnou hodnotou pro vlastnost text-transform?
Která z následujících hodnot není platnou hodnotou pro vlastnost text-transform?
Jaká hodnota vlastnosti white-space udržuje sekvence prázdného místa?
Jaká hodnota vlastnosti white-space udržuje sekvence prázdného místa?
Co dělá vlastnost max-width?
Co dělá vlastnost max-width?
Co dělá hodnota 'capitalize' pro vlastnost text-transform?
Co dělá hodnota 'capitalize' pro vlastnost text-transform?
Jaké hodnoty může vlastnost min-height nabývat?
Jaké hodnoty může vlastnost min-height nabývat?
Jaký efekt má vlastnost text-transform s hodnotou 'full-width'?
Jaký efekt má vlastnost text-transform s hodnotou 'full-width'?
Jaký je účel vlastnosti white-space s hodnotou 'normal'?
Jaký je účel vlastnosti white-space s hodnotou 'normal'?
Jaká je funkce vlastnosti line-height?
Jaká je funkce vlastnosti line-height?
Co se stane, pokud nastavíte max-height na 'none'?
Co se stane, pokud nastavíte max-height na 'none'?
Která možnost popisuje vlastnost fit-content?
Která možnost popisuje vlastnost fit-content?
Jaká hodnota se použije pro max-width, pokud je nastaveno na 'max-content'?
Jaká hodnota se použije pro max-width, pokud je nastaveno na 'max-content'?
Jaký efekt má vlastnost min-content?
Jaký efekt má vlastnost min-content?
Jaká hodnota je přípustná pro vlastnost max-height?
Jaká hodnota je přípustná pro vlastnost max-height?
Jaká vlastnost zajišťuje zachování sekvencí prázdného místa při zalamování textu?
Jaká vlastnost zajišťuje zachování sekvencí prázdného místa při zalamování textu?
Jakou hodnotu může mít vlastnost tab-size?
Jakou hodnotu může mít vlastnost tab-size?
Co dělá vlastnost word-break s hodnotou break-all?
Co dělá vlastnost word-break s hodnotou break-all?
Jaké hodnoty může mít vlastnost line-break?
Jaké hodnoty může mít vlastnost line-break?
Jak se chová vlastnost hyphens s hodnotou none?
Jak se chová vlastnost hyphens s hodnotou none?
Jaká je charakteristika vlastnosti break-spaces?
Jaká je charakteristika vlastnosti break-spaces?
Co znamená hodnota keep-all pro vlastnost word-break?
Co znamená hodnota keep-all pro vlastnost word-break?
Jak se používá hodnota auto u vlastnosti line-break?
Jak se používá hodnota auto u vlastnosti line-break?
Flashcards
Vlastnost CSS "pre-wrap"
Vlastnost CSS "pre-wrap"
Zachovává mezery, zalomuje řádky u znaku nového řádku a u
tagu.
Vlastnost CSS "pre-line"
Vlastnost CSS "pre-line"
Sbalí mezery, zalomuje řádky u znaku nového řádku a u
tagu.
Vlastnost CSS "tab-size"
Vlastnost CSS "tab-size"
Nastavuje šířku tabulátoru (U+0009) v pixelech.
Vlastnost CSS "word-break"
Vlastnost CSS "word-break"
Signup and view all the flashcards
Vlastnost CSS "line-break"
Vlastnost CSS "line-break"
Signup and view all the flashcards
Vlastnost CSS "hyphens: none"
Vlastnost CSS "hyphens: none"
Signup and view all the flashcards
Vlastnost CSS "hyphens: auto"
Vlastnost CSS "hyphens: auto"
Signup and view all the flashcards
Vlastnost CSS "line-break: anywhere"
Vlastnost CSS "line-break: anywhere"
Signup and view all the flashcards
font-size-adjust
font-size-adjust
Signup and view all the flashcards
text-transform
text-transform
Signup and view all the flashcards
font-variant
font-variant
Signup and view all the flashcards
white-space
white-space
Signup and view all the flashcards
Modul CSS Text
Modul CSS Text
Signup and view all the flashcards
font-variant-east-asian
font-variant-east-asian
Signup and view all the flashcards
font-variant-emoji
font-variant-emoji
Signup and view all the flashcards
Výběr fontů na webu
Výběr fontů na webu
Signup and view all the flashcards
text-transform: uppercase
text-transform: uppercase
Signup and view all the flashcards
font
font
Signup and view all the flashcards
text-transform: lowercase
text-transform: lowercase
Signup and view all the flashcards
Webové písmo
Webové písmo
Signup and view all the flashcards
WOFF
WOFF
Signup and view all the flashcards
text-transform: capitalize
text-transform: capitalize
Signup and view all the flashcards
text-transform: none
text-transform: none
Signup and view all the flashcards
WOFF2
WOFF2
Signup and view all the flashcards
Vlastnost 'resize'
Vlastnost 'resize'
Signup and view all the flashcards
Vlastnost 'text-overflow'
Vlastnost 'text-overflow'
Signup and view all the flashcards
Vlastnost 'cursor'
Vlastnost 'cursor'
Signup and view all the flashcards
Vlastnost 'overflow'
Vlastnost 'overflow'
Signup and view all the flashcards
Vlastnost max-width
Vlastnost max-width
Signup and view all the flashcards
Vlastnost max-height
Vlastnost max-height
Signup and view all the flashcards
Vlastnost min-width
Vlastnost min-width
Signup and view all the flashcards
Vlastnost min-height
Vlastnost min-height
Signup and view all the flashcards
Vlastnost line-height
Vlastnost line-height
Signup and view all the flashcards
Vlastnost max-content
Vlastnost max-content
Signup and view all the flashcards
Vlastnost max-content pro výšku
Vlastnost max-content pro výšku
Signup and view all the flashcards
Vlastnost min-content
Vlastnost min-content
Signup and view all the flashcards
overflow-wrap
overflow-wrap
Signup and view all the flashcards
overflow-wrap: anywhere
overflow-wrap: anywhere
Signup and view all the flashcards
overflow-wrap: break-word
overflow-wrap: break-word
Signup and view all the flashcards
text-align
text-align
Signup and view all the flashcards
text-align-last
text-align-last
Signup and view all the flashcards
automatické dělení slov
automatické dělení slov
Signup and view all the flashcards
měkký spojovník (U+00AD)
měkký spojovník (U+00AD)
Signup and view all the flashcards
tvrdý spojovník (U+2010)
tvrdý spojovník (U+2010)
Signup and view all the flashcards
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.