Dolu hücreler yerine kılavuz çizgilerini say
Seviyenin sulama hedefini okuyun, ardından amaçlanan alanı sınırlayan çizgileri belirleyin. Izgara yerleşimi sınırlar ve izlerle tanımlanır; Satır numarası yalnızca renkli bir hücrenin numarası değildir. CSS girmeden önce, istediğiniz başlangıç ve bitiş sınırlarının üzerine gelin. Bu küçük ayrım, bir kuralın kapsayacağı alanı yalnızca su hareket ettikten sonra keşfetmek yerine tahmin etmeyi kolaylaştırır.
Bir görev bir aralık kullandığında, alanın kaç parçayı kapsaması gerektiğini düşünün. Bunu doğrudan piksel mesafesine çevirmeyin veya yalnızca her iki oyun da CSS içerdiğinden esnek kutu hizalama kuralını yeniden kullanmayın. Düzenleyiciye bir değişiklik girin, sulanan alanı gözlemleyin ve bunu havuçlarla veya seviyenin belirlediği diğer hedeflerle karşılaştırın. Mevcut görev neyin başarı olarak sayılacağına karar verir; Görsel olarak geniş bir alan otomatik olarak amaçlanan çözüm değildir.
Kuralı teşhis etmek için sonucun şeklini kullanın
Sulanan bölge yanlış yerden başlıyorsa seçilen başlangıç sınırını inceleyin. Doğru şekilde başlıyor ancak çok erken veya çok geç bitiyorsa, ucu veya açıklığı inceleyin. Yanlış yönde değişiyorsa hangi satır veya sütun özelliğini kullandığınızı kontrol edin. Geometrik hatayı adlandırmak size bir sonraki düzenlemeyi hassas bir şekilde yapmanızı sağlar ve kuralın birkaç doğru bölümünü aynı anda değiştirmekten kaçınmanıza yardımcı olur.
Başarılı bir denemeden sonra, hedefi hangi satırların çevrelediğini ve kuralın bunları nasıl seçtiğini açıklayın. Bu açıklama, bağlantısız bir cevap dizisinden daha iyi sonuç verir çünkü daha sonraki seviyeler farklı bir ızgara kullanabilir veya kısıtlamaları birleştirebilir. Bu merkez, gerçek etkileşimli CSS bahçesini ve onun seviye talimatlarını destekler. Piksel tabanlı bir düzen eğitimi, harici bir sertifika veya her sürüme göre test edilmiş eksiksiz bir cevap sayfası vaat etmez. Düzenleyici kontrolleri için oynatma sayfasını kullanın, ardından bir konumlandırma hatasını gözden geçirmenin odaklanmış bir yolunu istediğinizde buraya geri dönün.
Örneğin, eğer su bir yolu çok fazla kaplıyorsa, istediğiniz bitiş sınırını işaretleyin ve bunu girdiğiniz değer veya aralıkla karşılaştırın. Sonu revize ederken doğru başlangıcı değiştirmeden tutun. Sonuç farklı bir satıra taşınırsa satır kuralını sütun kuralından ayrı olarak inceleyin. Hedef doğru bir şekilde kapsandığında sınırları ve izleri kelimelerle tanımlayın. Alıştırma, CSS yerleşimini görünür ızgaraya bağlamaktır; bu, önceki yanıt dizisinin artık amaçlanan alanı seçmediği yeni bir düzenlemede faydalıdır.
Grid Garden ipuçları ve stratejisi
Sonraki turda denemek için bir ipucu işaretleyin. Bu liste oyunu değiştirmez ve oyun ilerlemesini kaydetmez.
Grid Garden ile ilgili sorular ve cevaplar
Grid Garden hangi konuyu öğretiyor?
Bahçe düzeni bulmacaları aracılığıyla CSS ızgarasıyla etkileşimli alıştırma imkanı sunar.
Hareket eden bir karakteri mi kontrol ediyorum?
Hayır. Asıl etkileşim, ızgara yerleşimini değiştiren CSS kodunu girmektir.
Orijinal kaynak nedir?
Thomas Park'nin Grid Garden'si, bu incelenen sürümde kullanılan MIT lisanslı kaynak kodunu ve CC BY 3.0 çizimlerini sağlamaktadır.
Başlangıç çizgisi 2, bitiş çizgisi 4 dört hücreyi kaplar mı?
Hayır. grid-column-start: 2 ve grid-column-end: 4, 2 ile 4 arasındaki alanı, yani iki sütun izini seçer. Bitiş çizgisi sınırdır, ek sulanan hücre değildir. Aralıkları sayın veya span 2 kullanın; satırı da değiştirmeden önce vurgulanan alanı kontrol edin.
Kontroller ve tam oyun talimatları
Kontroller ve tam oyun talimatları
Grid Garden oyna