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) vetop,right,bottom,leftözellikleriyle konumlandırmaya olanak tanır. - Table Layout: Tablo davranışını taklit eder (
display: table,display: table-cellvb.). 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-countvecolumn-widthözellikleriyle kontrol edilir.