Vysvetlenie mriežky CSS: Váš sprievodca krok za krokom po mriežke CSS

Recenzie čitateľov

Recenzie odrážajú zmiešané prijatie knihy o mriežke CSS, pričom mnohí chvália jej jasnú štruktúru, jednoduché príklady a účinnosť ako učebného nástroja. Viacerí recenzenti ju však kritizovali za to, že obsahuje značné chyby, najmä v príkladoch kódu, a upozornili na problémy s organizáciou obsahu a kvalitou tlače.

Jasné a stručné vysvetlenia, príklady krok za krokom, dobré využitie obrázkov, efektívne pre začiatočníkov, buduje znalosti postupne, mnohí ju považovali za ľahko sledovateľnú a praktickú.

Obsahuje chyby v príkladoch kódu, najmä významné, ktoré podkopávajú dôveru v obsah, chýba správna organizácia a index, niektorí ju považovali za opakujúcu sa alebo zle vytlačenú.

(na základe 18 čitateľských recenzií)

Pôvodný názov:

CSS Grid Explained: Your Step-by-Step Guide to CSS Grid

Obsah knihy:

Mriežka CSS spôsobuje revolúciu v oblasti frontendového webového dizajnu.

Za posledných 20 rokov používali weboví dizajnéri na rozvrhnutie webových stránok CSS. CSS však vždy chýbali niektoré kľúčové funkcie. Dizajnéri sa museli spoliehať na obchádzky, ako sú tabuľky, plaváky a pozicionovanie. Mriežka CSS je iná a lepšia.

CSS Grid umožňuje vytvoriť systém rozvrhnutia založený na mriežke pomocou stĺpcov a riadkov. Nemusíte používať žiadne obchádzky. Nemusíte používať rôzne hacky pre rôzne prehliadače. Nemusíte inštalovať žiadne ďalšie rámce.

Mriežka CSS existuje od roku 2011, ale v poslednom čase zaznamenala prudký nárast popularity. Takmer všetky hlavné prehliadače podporujú CSS Grid. Jedinými výnimkami sú Internet Explorer 11 a Opera Mini.

V tejto krátkej, ale výstižnej knihe si osvojíte kľúčové myšlienky, ktoré stoja za systémom CSS Grid.

Kľúčové vlastnosti

⬤ Aktuálnosť: Neustále aktualizované, materiál v knihe Vysvetlená mriežka CSS je vždy aktuálny.

⬤ Prehľadné inštrukcie: Budete postupovať jednoduchou angličtinou, prehľadnými vizuálmi a príjemnými inštrukciami krok za krokom.

Čo sa naučíte: Čo sa naučíte

V prvej kapitole začneme základnou terminológiou. Dozviete sa, aký je rozdiel medzi mriežkovými oblasťami a mriežkovými bunkami, medzi mriežkovými stopami a mriežkovými medzerami. Potom pomocou praktického prístupu začnete vytvárať mriežky CSS.

Vytvoríte všetko od najzákladnejšej mriežky CSS až po kompletné rozvrhnutie stránky.

Obsah

⬤ Úvod do terminológie mriežok CSS.

⬤ Vytvorenie prvej mriežky CSS.

⬤ Používanie inšpektora mriežky Firefoxu.

⬤ Ako používať explicitné a implicitné mriežky.

⬤ Ako používať vlastnosť Autoflow v mriežke CSS.

⬤ Ako používať jednotku FR pre rozvrhnutie.

⬤ Ako nastaviť veľkosť polí pomocou kľúčového slova Auto.

⬤ Ako dimenzovať položky mriežky pomocou kľúčového slova Span.

⬤ Ako používať čísla riadkov v mriežke CSS.

⬤ Ako vrstviť položky v mriežke CSS.

⬤ Ako používať názvy riadkov v mriežke CSS.

⬤ Ako umiestniť položky pomocou oblastí šablóny mriežky.

⬤ Ako používať funkciu minmax().

⬤ Ako používať kľúčové slová auto-fill a auto-fit.

⬤ Vlastnosť grid-auto-flow: dense.

⬤ Ako zarovnať položky v mriežke CSS.

⬤ Vlastnosti justify-content a align-content.

⬤ Ako vkladať mriežky.