Numără liniile grilei decât celulele ocupate
Citiți obiectivul de udare al nivelului, apoi identificați liniile care delimitează zona dorită. Plasarea grilei este descrisă cu limite și piste; un număr de linie nu este doar numărul unei celule colorate. Înainte de a introduce CSS, indicați spre limitele de început și de sfârșit pe care doriți. Această mică distincție face mai ușor să prezici zona pe care o va acoperi o regulă, mai degrabă decât să o descoperim numai după ce apa se mișcă.
Când o sarcină folosește un interval, gândiți-vă la câte piste ar trebui să acopere zona. Nu traduceți asta direct în distanță de pixeli și nu reutilizați o regulă de aliniere a casetei flexibile doar pentru că ambele jocuri implică CSS. Introduceți o modificare în editor, observați zona udată și comparați-o cu morcovii sau alte ținte specificate de nivel. Sarcina curentă decide ce contează drept succes; o zonă vizuală largă nu este automat soluția dorită.
Utilizați forma rezultatului pentru a diagnostica regula
Dacă regiunea udată începe în locul greșit, inspectați limita de pornire aleasă. Dacă începe corect, dar se termină prea devreme sau prea târziu, inspectați capătul sau intervalul. Dacă se schimbă în direcția greșită, verificați ce proprietate de rând sau coloană ați folosit. Numirea erorii geometrice vă oferă o următoarea editare precisă și vă ajută să evitați înlocuirea mai multor părți corecte ale regulii simultan.
După o încercare reușită, explicați ce linii au inclus ținta și cum le-a selectat regula. Această explicație se realizează mai bine decât un șir de răspuns deconectat, deoarece nivelurile ulterioare pot folosi o grilă diferită sau pot combina constrângeri. Acest centru acceptă grădina interactivă actuală CSS și instrucțiunile sale de nivel. Nu promite un tutorial de aspect bazat pe pixeli, o certificare externă sau o foaie de răspuns complet testată pentru fiecare versiune. Utilizați pagina de redare pentru comenzile editorului, apoi reveniți aici când doriți o modalitate concentrată de a revizui o greșeală de poziționare.
De exemplu, dacă apa acoperă o pistă de prea multe, marcați limita de sfârșit dorită și comparați-o cu valoarea sau intervalul pe care l-ați introdus. Păstrați începutul corect neschimbat în timp ce revizuiți sfârșitul. Dacă rezultatul se mută pe un rând diferit, inspectați regula rândului separat de regula coloanei. Când ținta este acoperită corect, descrieți limitele și urmele în cuvinte. Exercițiul este de a conecta plasarea CSS cu grila vizibilă, ceea ce este util pe un aranjament nou în care șirul de răspuns anterior nu mai selectează zona dorită.
Sfaturi și strategie Grid Garden
Bifează un sfat de exersat în următoarea rundă. Această listă nu modifică jocul și nu salvează progresul.
Întrebări și răspunsuri Grid Garden
Ce subiect predă Grid Garden?
Oferă exersare interactivă cu grila CSS prin intermediul puzzle-urilor cu amenajare a grădinii.
Controlez un personaj în mișcare?
Nu. Interacțiunea principală este introducerea codului CSS, care modifică plasarea pe grilă.
Care este sursa originală?
Grid Garden din Thomas Park oferă sursa licențiată MIT și grafica CC BY 3.0 utilizată în această ediție recenzată.
Linia de început 2 și cea de sfârșit 4 acoperă patru celule?
Nu. grid-column-start: 2 și grid-column-end: 4 aleg spațiul dintre liniile 2 și 4: două piste de coloană. Linia finală este o limită, nu încă o celulă udată. Numără intervalele sau folosește span 2 și verifică evidențierea înainte de a schimba și rândul.
Comenzi și instrucțiuni complete
Comenzi și instrucțiuni complete
Joacă Grid Garden