Sobes.tech
Junior

Hangi CSS düzenlerini biliyorsun?

sobes.tech yapay zeka

AI'dan gelen yanıt

  • Flexbox: Tek yönlü sistem, bir konteynerdeki öğeleri tek bir eksende (yatay veya dikey) hizalamak için kullanılır. Küçük bileşenler ve blok içi öğeleri hizalamak için idealdir.
  • Grid Layout: İki yönlü sistem, sayfada karmaşık ızgaralar oluşturmak için. Öğelerin satır ve sütunlara göre düzenlenmesini kolayca yönetir. Sayfanın ana düzeni için mükemmeldir.
  • Block Layout: Varsayılan blok düzen davranışı. Öğeler tüm kullanılabilir genişliği kaplar ve alt alta dizilir.
  • Inline Layout: Öğeler tek bir satırda dizilir, içeriğine göre genişlik alır.
  • Positioned Layout: Öğeleri normal konumlarına, ebeveyn öğeye veya görünüm penceresine göre position (static, relative, absolute, fixed, sticky) ve top, right, bottom, left özellikleriyle konumlandırmaya olanak tanır.
  • Table Layout: Tablo davranışını taklit eder (display: table, display: table-cell vb.). Grid veya Flexbox'tan daha az kullanılır, tablo yapıları oluşturmak için.
  • Multi-column Layout: İçeriği birden fazla kolona bölmenize olanak tanır, gazete gibi. column-count ve column-width özellikleriyle kontrol edilir.