A foglalt cellák helyett a rácsvonalakat számolja
Olvassa el a szint öntözési célját, majd azonosítsa a kívánt területet határoló vonalakat. A rács elhelyezése határokkal és pályákkal van leírva; a sorszám nem egyszerűen egy színes cella száma. A CSS beírása előtt mutasson a kívánt kezdő és véghatárra. Ez a kis különbség megkönnyíti a szabály által lefedett terület előrejelzését, és nem csak a víz mozgása után fedezi fel.
Amikor egy feladat kiterjedést használ, gondolja át, hány sávot kell lefednie a területnek. Ne fordítsa le ezt közvetlenül pixeltávolságra, és ne használjon újra egy flexbox igazítási szabályt pusztán azért, mert mindkét játékban szerepel a CSS. Adjon meg egy változtatást a szerkesztőben, figyelje meg az öntözött területet, és hasonlítsa össze a sárgarépával vagy a szint által meghatározott egyéb célokkal. Az aktuális feladat dönti el, hogy mi számít sikernek; a vizuálisan széles terület nem automatikusan a tervezett megoldás.
A szabály diagnosztizálásához használja az eredmény alakját
Ha az öntözött terület rossz helyen kezdődik, ellenőrizze a kiválasztott kiindulási határt. Ha megfelelően indul, de túl korán vagy túl későn ér véget, ellenőrizze a végét vagy a fesztávot. Ha rossz irányba változik, ellenőrizze, melyik sor- vagy oszloptulajdonságot használta. A geometriai hiba elnevezése pontos következő szerkesztést biztosít, és segít elkerülni a szabály több helyes részének egyidejű cseréjét.
Sikeres próbálkozás után magyarázza el, mely sorok zárták be a célt, és hogyan választotta ki őket a szabály. Ez a magyarázat jobban érvényesül, mint egy szétválasztott válaszkarakterlánc, mert a későbbi szintek eltérő rácsot használhatnak, vagy megszorításokat kombinálhatnak. Ez a központ támogatja a tényleges interaktív CSS kertet és szintutasításait. Nem ígér pixel alapú elrendezési oktatóanyagot, külső tanúsítást vagy minden verzióhoz tesztelt teljes válaszlapot. Használja a lejátszási oldalt a szerkesztő vezérlőelemeihez, majd térjen vissza ide, ha fókuszált módon szeretné áttekinteni a pozicionálási hibát.
Például, ha a víz túl sok sávot borít be, jelölje be a kívánt véghatárt, és hasonlítsa össze a megadott értékkel vagy szélességgel. A helyes kezdést tartsa változatlanul, miközben felülvizsgálja a végét. Ha az eredmény egy másik sorba kerül, ellenőrizze a sorszabályt az oszlopszabálytól elkülönítve. Ha a célpont megfelelően le van fedve, írja le szavakkal a határokat és a nyomokat. A gyakorlat célja a CSS elhelyezés összekapcsolása a látható ráccsal, ami hasznos egy új elrendezésnél, ahol az előző válaszszöveg már nem választja ki a kívánt területet.
Grid Garden tippek és stratégia
Jelölj meg egy tippet a következő játékhoz. Ez a lista nem módosítja a játékot és nem menti a haladásodat.
Grid Garden kérdések és válaszok
Milyen témát tanít a Grid Garden?
Interaktív gyakorlást biztosít a CSS ráccsal kertelrendezési rejtvényeken keresztül.
Irányíthatok egy mozgó karaktert?
Nem. A fő interakció a CSS megadása, ami megváltoztatja a rács elhelyezkedését.
Mi az eredeti forrás?
A Thomas Park Grid Garden kiadása biztosítja az ebben a recenzált kiadásban használt MIT licenccel rendelkező forráskódot és a CC BY 3.0 grafikáját.
A 2-es kezdő és 4-es záró vonal négy cellát fed le?
Nem. A grid-column-start: 2 és grid-column-end: 4 a két vonal közti teret, azaz két oszlopsávot jelöl ki. A záró vonal határ, nem újabb öntözött cella. Számold a közöket, vagy használj span 2 értéket, és ellenőrizd a jelölést a sor módosítása előtt.
Irányítás és teljes játékleírás
Irányítás és teljes játékleírás
Grid Garden indítása