.

0 (hodnocen0 x )

BK

Příručka

1. vyd.

Brno : Computer Press, 2014

168 s. : il. ; 23 cm

ISBN 978-80-251-4176-2 (brož.)

angličtina

Přeloženo z angličtiny

Obálkový podnázev: ovládněte CSS za víkend

Obsahuje bibliografické odkazy a rejstřík

000252797

Obsah // Podikování 9 // O autorovi 9 // Úvod ? // Komu je tato kniha určena n // Použité konvence 11 // Ukázky zdrojového kódu 11 // Tipy, poznámky a upozornění 12 // Zpětná vazba od čtenářů 1 ? // Zdrojové kódy ke knize 13 // Errata 13 // KAPITOLA 1 // Úvod do jazyka CSS - 15 // Ukázkový projekt 15 // Jak stavět webové stránky 1 ? // Co je CSS 17 // Jak vložit styly do webové stránky 18 // Vložené styly 18 // Element style 18 // Používání direktivy @import uvnitř elementu style 19 // Nejlepší způsob: element link 19 // Selektory jazyka CSS 19 // Univerzální selektor 19 // Selektor typu elementu 20 // Selektor identifikátoru 21 // Selektor třídy 21 // Kombinátor potomka 22 // 3 // OBSAH // Kombinátor dceřiného elementu Kombinátor obecného sourozence Kombinátor sousedního sourozence Selektor atributu Pseudotřída Pseudoelement Používáme více selektorů Kaskáda a specifičnost Vždy používejte standardní režim Kostra ukázkové webové stránky Shrnuti // 23 // 24 // 24 // 25 // 26 26 26 27 // 29 // 30 34 // KAPITOLA 2 // Techniky rozvržení // Box model // Blokové versus řádkové elementy Zkrácené versus běžné vlastnosti jazyka CSS Rozvržení založené na obtékání Rušíme obtékání Pozicování v jazyce CSS // Absolutní a relativní pozicování Responzivní web design Intuitivní rozměry s vlastností box-sizing Přidáváme další styly za účelem rozvrženi Obtékané obrázky posledních receptů

Styly pro rozvržení záhlaví Rozvržení propagační fotografie Rozvrhujeme zápatí Rozvrhujeme sekci „Nejoblíbenější" // Kam se bude ubírat budoucnost rozvržení založených na stylech // Flex box // Další nové funkce pro rozvržení // Shrnutí // 35 // 36 // 37 39 41 44 // 47 // 48 // 50 // 51 // 52 // 53 55 57 60 61 62 63 // 63 // 64 // 4 // OBSAH // KAPITOLA 3 // Pozadí, rámečky a jiné 65 // Pozadí 65 // Rámečky 69 // Zaoblené rohy 70 // Hodnoty a jednotky 72 // Jednotka px 72 // Jednotka em 73 // Jednotka rem 74 // Procenta 75 // Celá čísla 76 // Klíčová slova 77 // Barevné hodnoty 77 // Průhlednost 78 // Vlastnost opacity 78 // Barevné formáty RGBA a HSLA 80 // Vlastnost opacity versus průhledné barvy 82 // Další hodnoty 82 // Doplnění vržených stínů ? elementům 83 // Přidáváme vržený stín ? záhlaví 84 // Doplňujeme vržený stín pod propagační fotografii 85 // Přidáváme vržené stíny ? malým obrázkům 86 // Doplňujeme vržené stíny ? tlačítkům 86 // Přidání oddělujícího stínu 88 // Stín textu 89 // Shrnutí 90 // KAPITOLA 4 // Odkazy, text a vlastní písmo 91 // Měníme vzhled odkazů a textu 91 // Změna barvy odkazu 94 // Vlastní webová písma 95 // Pravidlo @font-face 97 // Vkládáme různé soubory písem 98 // 5 // OBSAH // Generujeme soubory písem 1 Ol // Shrnutí pravidla @font-face 106 // Uplatňujeme nová písma ve vyhledávači receptů 106 // Uhlazujeme vzhled 109 // Změna

vzhledu zápatí 112 // Vlastnosti line-height 113 // Stylujeme text postranního panelu 115 // Shrnutí 117 // KAPITOLA 5 // Zkrášlujeme 119 // Efekty přesunu ukazatele myši nad element 120 // Přechody 122 // Více přechodů na jediném elementu 124 // Předpony pro proprietární vlastnosti 125 // Transformace 126 // Funkce translateO 126 // Funkce scalei) 126 // Funkce rotateO 127 // Funkce skew() 127 // Více transformací na jediném elementu 127 // Nastavení počátečního bodu transformace 128 // Kombinujeme přechody a transformace 129 // Lineární barevné přechody 130 // Pozice barevných zarážek 132 // Změna směru lineárního barevného přechodu 132 // Nastavujeme více barevných přechodů jedinému elementu 133 // Doplňujeme další barevné přechody 134 // Kruhový barevný přechod 136 // Další možnosti nastavení kruhových barevných přechodů 137 // Animace s použitím klíčových snímků 139 // Elegantní degradace a efektivita stránky 142 // Další špičkové funkce 142 // Jak udělat vyhledávač receptů responzivním 143 // 6 // OBSAH // Minimální a maximální rozměry 143 // Převádíme pixely na procenta 144 // Opravujeme velikost obrázků 146 // Dotazy na médium 147 // Element meta s názvem viewport 147 // Shrnutí 149 // KAPITOLA 6 // Ladění kódu 151 // Jak„chyby" jazyka CSS fungují 152 // Komentáře v jazyce CSS — 153 // Validujeme kód jazyka CSS 155 // Hacky jazyka CSS 156 // Redukované testovací případy 157

// Hledání pomoci na Internetu 157 // Online testovací nástroje 158 // Testujte své rozvržení co nejdříve v mnoha prohlížečích 158 // Vývojářské nástroje a dobrý textový editor 159 // Shrnutí 162 // Rejstřík 163 // 7

(OCoLC)879564680

cnb002567460