A CSS rácsrendszer magyarázata: A CSS Rács: A CSS Rács lépésről lépésre útmutatója

Olvasói vélemények

A CSS Gridről szóló könyv kritikái vegyes fogadtatásban részesültek, sokan dicsérik a világos szerkezetet, az egyszerű példákat és a tanulási eszközként való hatékonyságot. Ugyanakkor több kritikus is kifogásolta, hogy jelentős hibákat tartalmaz, különösen a kódpéldákban, és megjegyezte, hogy problémák vannak a tartalom megszervezésével és a nyomtatás minőségével.

Világos és tömör magyarázatok, lépésről lépésre történő példák, jó képhasználat, kezdők számára hatékony, fokozatosan építi fel a tudást, sokan könnyen követhetőnek és praktikusnak találták.

Hibákat tartalmaz a kódpéldákban, különösen jelentőseket, amelyek aláássák a tartalomba vetett bizalmat, hiányzik a megfelelő szervezés és tartalomjegyzék, néhányan ismétlődőnek vagy rosszul nyomtatottnak találták.

(18 olvasói vélemény alapján)

Eredeti címe:

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

Könyv tartalma:

A CSS Grid forradalmasítja a frontend webdesign iparágat.

Az elmúlt 20 évben a webdesignerek a CSS-t használták a weboldalak elrendezéséhez. A CSS-ből azonban mindig is hiányzott néhány kulcsfontosságú funkció. A tervezőknek olyan megoldásokra kellett hagyatkozniuk, mint a táblázatok, a lebegőelemek és a pozicionálás. A CSS Grid más és jobb.

A CSS Grid lehetővé teszi egy rács alapú elrendezési rendszer létrehozását, oszlopok és sorok használatával. Nem kell semmilyen kerülő megoldást használnia. Nem kell különböző hackeket használnia a különböző böngészőkhöz. Nem kell telepítenie semmilyen extra keretrendszereket.

A CSS Grid 2011 óta létezik, de a közelmúltban robbant be a népszerűsége. Szinte minden nagyobb böngésző támogatja a CSS Gridet. Az egyetlen kivétel az Internet Explorer 11 és az Opera Mini.

Ebben a rövid, de tömör könyvben elsajátíthatod a CSS Grid mögötti legfontosabb ötleteket.

Főbb jellemzők

⬤ Naprakész: Folyamatosan frissített, a CSS Grid Explained című könyv anyaga mindig aktuális.

⬤ Egyértelmű oktatás: Egyszerű angol nyelvű, világos vizuális ábrákat és élvezetes, lépésről lépésre követhető utasításokat fogsz követni.

Mit fogsz tanulni

Az első fejezetben az alapvető terminológiával kezdjük. Megtanulja a különbséget a rácsterületek és a rácscellák, a rácspályák és a rácsrések között. Ezután gyakorlatias megközelítéssel elkezdesz CSS rácsokat építeni.

A legalapvetőbb CSS rácsoktól kezdve a teljes webhely elrendezéséig mindent megépítesz.

Tartalomjegyzék

⬤ Bevezetés a CSS Grid terminológiájába.

⬤ Az első CSS rács létrehozása.

⬤ A Firefox Grid Inspector használata.

⬤ Hogyan használjuk az explicit és implicit rácsokat.

⬤ Hogyan használjuk az Autoflow tulajdonságot a CSS rácsban.

⬤ Hogyan használjuk az FR egységet elrendezésekhez.

⬤ Hogyan méretezzük a sávokat az Auto kulcsszóval.

⬤ Hogyan méretezzük a rácselemeket a Span kulcsszóval.

⬤ Hogyan használjunk sorszámokat a CSS Gridben.

⬤ Hogyan lehet CSS Rácsban elemeket rétegezni.

⬤ Hogyan használjunk sorneveket a CSS Gridben.

⬤ Hogyan helyezzünk el elemeket a rács sablonterületeivel.

⬤ Hogyan használjuk a minmax()-függvényt.

⬤ Hogyan használjuk az automatikus kitöltés és az automatikus illesztés kulcsszavakat.

⬤ A grid-auto-flow: dense tulajdonság.

⬤ Hogyan igazítsuk az elemeket a CSS Gridben.

⬤ A justify-content és align-content tulajdonságok.

⬤ Hogyan lehet a rácsokat egymásba ágyazni.