☰ open

VSC + HTML + CSS

Základní vlastnosti

Text

1 color barva písma W3schools
2 text-align zarovnání textu W3schools
3 font-size velikost písma W3scholls
4 font-style styl písma W3schools
5 font-family rodina písma W3schools
6 Google fonts link písma W3schools
7 font-variant varianta písma W3schools
8 font-weight síla písma W3schools
9 font-stretch sepjatost (mezery) písma W3schools
10 line-height výška řádku W3schools
11 letter-spacing velikost mezer mezi znaky W3schools
12 list-style typ předznaku W3schools
13 list-style-position pozice předznačky (vně,uvnitř) W3schools
14 list-style-type typ předznačky w3schools
15 text-align-last styl zarovnání posledního řádku W3schools
16 text-decoration dekorace textu W3schools
17 text-decoration-color barva dekorace W3schools
18 text-decoration-line umístění linky W3schools
19 text-decoration-style styl dekorační linky W3schools
20 text-decoration-thickness síla dekorační linky W3schools
21 text-emphasis zdobení textu-zvýraznění W3schools
22 text-indent odsazení W3schools
23 text-justify zarovnání textu W3scholls
24 text-orientation orientace textu W3schools
25 text-transform transformace textu W3schools
26 word-spacing mezera mezi slovy W3schools
27 writing-mode směr psaní W3schools
28 @charset nastavení kódování W3schools
29 @container definuje styly pro ostatní prvky dle kontejneru W3schools
30 @conter-style vlastní styl pro čítač W3schools
31 @font-face definuje použitý font W3schools
32 @font-palette-values přizpsůobení palety fontu W3schools
33 @import importuje list css stylů W3schools
34 @keyframes řízení kroků animace W3schools
35 @layer definuje pravidlo vrstev w3schools
36 @media definuje pravidlo dle velikosti obrazovky W3schools
37 @page definuje vzhled tiskových stránek W3schools
38 @property definuje vlastní pravidlo w3schools
39 @scope umožňuje výběr prvků v konkrétních DOM podstromech W3schools
40 @starting-style definujeme počáteční styl prvků W3schools
41 @supports kontrola podpory css stylů W3schools
42 display typ rendrovacího boxu W3schools
43 margin definuje okraje prvku W3schools
44 padding definuje vnitřní okraj elementu W3schools
45 position definuje typ polohování elementu W3schools

Pseudo-classes

46 :active prvek aktivován uživatelem W3schools
47 :disabled vypnutí prvku, časté u formulářů W3schools
48 :enabled zapnutí prvku W3schools
49 :first užívá se pro určení při tisku W3schools
50 :first-child první potomek W3schools
51 :first-of-type první daného typu W3schools
52 :focus změna při zaměření prvku W3schools
53 :fulscreen přes celou obraovku W3schools
54 :hover prvek při najetí W3schools
55 :last-child poslední potomek W3schools
56 :last-of-type poslední dle typu W3schools
57 :link prohlédnutý W3schools
58 :not definuje negativitu podmínky W3schools
59 :nth-child() číslo potomka W3schools
60 :nth-last-child() číslo posledního potomka Wschools
61 :nth-last-of-type() číslo posledního dle typu W3schools
62 :nth-of-type() číslo dle typu W3schools
63 :only-child pouze potomek W3schools
64 :only-of-type pouze daného typu W3schools

Pseudo-elements

< >

HTML kousky


width:calc()

Menu

Barvy u zátržítek a boxů

Accordion

Hodiny

Single page

Pricing card

Fluid Layout with Flex

css.nothrem.cz/ css.benni.cz dev.to Github.com css tricks.com

Color

W3C CSS Color Specification

Základní vlastnosti

Text

1 color barva písma W3schools
2 text-align zarovnání textu W3schools
3 font-size velikost písma W3scholls
4 font-style styl písma W3schools
5 font-family rodina písma W3schools
6 Google fonts link písma W3schools
7 font-variant varianta písma W3schools
8 font-weight síla písma W3schools
9 font-stretch sepjatost (mezery) písma W3schools
10 line-height výška řádku W3schools
11 letter-spacing velikost mezer mezi znaky W3schools
12 list-style typ předznaku W3schools
13 list-style-position pozice předznačky (vně,uvnitř) W3schools
14 list-style-type typ předznačky w3schools
15 text-align-last styl zarovnání posledního řádku W3schools
16 text-decoration dekorace textu W3schools
17 text-decoration-color barva dekorace W3schools
18 text-decoration-line umístění linky W3schools
19 text-decoration-style styl dekorační linky W3schools
20 text-decoration-thickness síla dekorační linky W3schools
21 text-emphasis zdobení textu-zvýraznění W3schools
22 text-indent odsazení W3schools
23 text-justify zarovnání textu W3scholls
24 text-orientation orientace textu W3schools
25 text-transform transformace textu W3schools
26 word-spacing mezera mezi slovy W3schools
27 writing-mode směr psaní W3schools
28 @charset nastavení kódování W3schools
29 @container definuje styly pro ostatní prvky dle kontejneru W3schools
30 @conter-style vlastní styl pro čítač W3schools
31 @font-face definuje použitý font W3schools
32 @font-palette-values přizpsůobení palety fontu W3schools
33 @import importuje list css stylů W3schools
34 @keyframes řízení kroků animace W3schools
35 @layer definuje pravidlo vrstev w3schools
36 @media definuje pravidlo dle velikosti obrazovky W3schools
37 @page definuje vzhled tiskových stránek W3schools
38 @property definuje vlastní pravidlo w3schools
39 @scope umožňuje výběr prvků v konkrétních DOM podstromech W3schools
40 @starting-style definujeme počáteční styl prvků W3schools
41 @supports kontrola podpory css stylů W3schools
42 display typ rendrovacího boxu W3schools
43 margin definuje okraje prvku W3schools
44 padding definuje vnitřní okraj elementu W3schools
45 position definuje typ polohování elementu W3schools

Pseudo-classes

46 :active prvek aktivován uživatelem W3schools
47 :disabled vypnutí prvku, časté u formulářů W3schools
48 :enabled zapnutí prvku W3schools
49 :first užívá se pro určení při tisku W3schools
50 :first-child první potomek W3schools
51 :first-of-type první daného typu W3schools
52 :focus změna při zaměření prvku W3schools
53 :fulscreen přes celou obraovku W3schools
54 :hover prvek při najetí W3schools
55 :last-child poslední potomek W3schools
56 :last-of-type poslední dle typu W3schools
57 :link prohlédnutý W3schools
58 :not definuje negativitu podmínky W3schools
59 :nth-child() číslo potomka W3schools
60 :nth-last-child() číslo posledního potomka Wschools
61 :nth-last-of-type() číslo posledního dle typu W3schools
62 :nth-of-type() číslo dle typu W3schools
63 :only-child pouze potomek W3schools
64 :only-of-type pouze daného typu W3schools

Pseudo-elements

< >