TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
6.1 - Slovo úvodem
6.2 - Pokračujeme v přehledu
6.3 - Domácí úkol..
6.1 - Slovo úvodem
Omlouvám se za delší prodlevu, ale jsem poslední dobou HODNĚ časově vytížený a nějak jsem si nenašel čas. Některé problémy mi ale zmizely, což znamená i více času na CSS. Dnes budeme opět pokračovat v přehledu a podíváme se blíže na barvy a pozadí. Všechny vlastnosti se samozřejmě dají libovolně kombinovat.
6.2 - Pokračujeme v přehledu
Barva a pozadí
| atribut: | hodnoty: | význam: | příklady užití: | dodatky: |
| color | barva #xxxxxx | název barvy hodnota barvy | color: Maroon; color: #0099cc; | V tomto tvaru barva písma, jsou další tvary jako např. border-color. |
| background-attachment | scroll fixed | pozadí se posouvá se scrollováním stránky pozadí se ani se nehne | Myslím, že v poli tabulky nemá příklad moc smysl. | - |
| background-color | transparent color | průhledné barva pozadí | background-color: transparent; background-color: #ffcc00; | Co dodat? :) |
| background-image | none url | cesta k obrázku | background-image: url(css_6.jpg); | Mám takovou zkušenost. Pokud děláte nějaké pole (div) a do něj obrázek, který má být v celém poli (používám kvůli designu), tak ho do něj nevkládejte pomocí img src="", ale nastavte ho jako background-image, protože první způsob ve Firefoxu vypadá stejně, ale IE tam vloží jeden prázdný řádek navíc! (a je po designu) Nevím proč, takže pokud máte nápad, písněte mi. |
| background-position | percentage lenght top center bottom left right | poloha background obrázku, většinou když se neopakuje | background-image: url(css_6.jpg); background-repeat: no-repeat; background-position: center 99%; | dají se zadat i 2 hodnoty; oddělují se mezerou, první je horizontální a druhá vertikální |
| background-repeat | repeat-x repeat-y no-repeat repeat | opakování v ose x v ose y neopakuje se opakuje se |
background-repeat: repeat-x; background-repeat: repeat-y background-repeat: no-repeat background-repeat: repeat | - |
6.3 - Domácí úkol
Tentokrát něco zábavnějšího. Udělejte co možná největší a nejšílenější kombinaci výše uvedených vlastností a ať to stojí za to! Taky vás chci požádat o registraci do kurzu, odkud třeba můžete pohodlně zasílat úkoly a já budu vědet, že máte zájem.
