CSS – Kaskádní styly
Níže je uveden pouze náhled materiálu. Kliknutím na tlačítko 'Stáhnout soubor' stáhnete kompletní formátovaný materiál ve formátu PDF.
Potomek od svého rodiče nedědí relativní hodnotu,
ale dědí vypočítanou absolutní hodnotu!
Syntaxe V
– Hodnoty II
URI
– RELATIVNÍ
• url(˝bg.jpg˝)
– ABSOLUTNÍ
• url(˝http://faraon.felk.cvut.cz/img/bg.jpg”)
Barvy
– red
(klíčové slovo)
– #f00 (#rgb)
– #ff0000 (#rrggbb)
– rgb(255,0,0)
– rgb(100%,0%,0%)
Pozadí / obrázek
– url(˝bg.jpg˝)
P
ísmo
– ˝Helvetica˝– serif– sans-serif– cursive– fantasy– monospace
Selektory
*
Univerzální selektor
E
Selektor typu
E F
Seletor potomka
E > F
Selektor přímého potomka (syna)
E + F
Selektor sourozence
E:first-child
Pseudotřída „first-child“
E:link
Pseudotřída „link“
E:hover
Dynamická pseudotřída
E:lang(x)
Pseudotřída „lang“
E[atr=“val“]
Selektor atributu ( = ~= |= )
E.class
Selektor třídy
E#id
Selektor ID
Mnoho dal
ších selektorů v CSS 3
E[foo^="bar"]
an E element whose "foo" attribute value begins exactly with the string "bar"
E[foo$="bar"]
an E element whose "foo" attribute value ends exactly with the string "bar"
E[foo*="bar"]
an E element whose "foo" attribute value contains the substring "bar"
E:root
an E element, root of the document
E:nth-child(n)
an E element, the n-th child of its parent
E:nth-last-child(n)
an E element, the n-th child of its parent, counting from the last one
E:nth-of-type(n)
an E element, the n-th sibling of its type
E:nth-last-of-type(n)
an E element, the n-th sibling of its type, counting from the last one
E:last-child
an E element, last child of its parent
E:first-of-type
an E element, first sibling of its type
E:last-of-type
an E element, last sibling of its type
E:only-child
an E element, only child of its parent
E:only-of-type
an E element, only sibling of its type
E:empty
an E element that has no children (including text nodes)
E:target
an E element being the target of the referring URI
E:enabled
a user interface element E that is enabled
E:disabled
a user interface element E that is disabled
E:checked
a user interface element E that is checked (for instance a radio-button or
checkbox)