Bu makale, Grid’nin ne olduğunu ve Grid’nin nasıl kullanılacağını ayrıntılı olarak açıklayacaktır.
Kafes
Izgara aşağıdakilerden herhangi birine atıfta bulunabilir:
1. Izgara, kesişen çizgilerden veya çubuklardan oluşan bir yapıdır. Bir alanı bölmek ve düzenlemek için bir kılavuz olarak kullanılır. Genellikle, bir ızgara iki boyutludur ve çizgiler eşit aralıklarla, dik açılarda kesişir.
Izgaralar, bilgileri düzenlemek ve sıralamak için kullanışlıdır. Bilgi bir ızgara yapısında düzenlendiğinde, herhangi bir bilgi birimi, kesişen iki doğru belirlenerek bulunur.
haritalarda
Çoğu zaman, haritalar, konumları tanımlamaya yardımcı olmak için bir ızgara ile kaplanır. Bir dünya haritasında, enlem ızgara çizgileri ekvatora paralel ve boylam ızgara çizgileri ekvatora dik olarak yönlendirilir. Enlem ve boylam belirterek haritadaki herhangi bir noktayı benzersiz bir şekilde tanımlayabilirsiniz.
e-tablolarda
Bir elektronik tabloda, bilgiler bir ızgara oluşturan satırlar ve sütunlar halinde düzenlenir. Izgaradaki bireysel konumlara hücreler denir. Elektronik tablodaki herhangi bir hücre, sütun kimliği (genellikle bir harf) ve satır kimliği (genellikle bir sayı) ile benzersiz bir şekilde tanımlanır. Örneğin, C sütunu ile 13. satırın kesiştiği yerde bulunan hücre, “C13” hücresi olarak tanımlanır.
grafik tasarımda
Birçok grafik tasarım uygulaması, bir görüntünün içeriğinin üzerinde veya altında görüntülenen bir ızgara sağlar. Izgara, sanatçının grafik öğelerini görsel olarak hizalamasına yardımcı olur. Bazı programlar, öğeleri ızgaradaki noktalara tutturma seçeneği sunar. Tutturma özelliğini kullanan bir sanatçı, bir öğeyi ızgaradaki bir noktanın yakınına hareket ettirdiğinde, öğe o kesin konuma “yakalanır” (otomatik olarak hareket eder).
2. Web tasarımında CSS Grid, bir web sayfasının düzenini CSS (basamaklı stil sayfaları) ile tanımlamaya yönelik bir teknolojidir. Web sayfasındaki görsel öğelerin iki boyutlu olarak düzenlenmesi için öznitelikler ve mantık sağlar.
Henüz resmi bir W3C spesifikasyonu olmamasına rağmen, CSS Grid Ekim 2017’den beri tüm büyük tarayıcılar tarafından yerel olarak desteklenmektedir. Bootstrap gibi çeşitli CSS çerçevelerinin temel bir bileşenidir.