BAZI CSS KODLARINI DAHA İYİ İDRAK ETMEK İSTİYORUM
justify-content: ///display:inline-block ///flex: 1/// auto komutları padding:auto margin:auto margin-top:auto/// float ///counter-reset///flex 1/// position:absoloute
bu yukarıda verdiğim kodları tam anlamıyla anlayamadığımı ve tam olarak kullanmam gerektiği yeri anlayamadığımı fark ettim en basit şekilde kısa kısa bana anlatırsanız minnettar olurum...
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
hanszimmer#5733 discorddan ekle anlatayım ekran açıp
Bu nitelikler için prototurk youtube kanalında sayısız eğitim videoları mevcut.
CSS Display özelliği
CSS Dersleri -90 / display Özelliği
CSS Position özelliği
CSS Dersleri -91 / position Özelliği
Flex için önerecebileceğim video
#frontend - Sohbet Arayüzü Kodluyoruz (Bölüm 1)
Bunlara göz atabilirsin. Ama, css daha çok kullandıkça geliştirebileceğin, özelliklerin nerelerde ve nasıl kullanıldığını projeler ürettikçe kavrayabileceğin bir yapı. Bunun için de yine prototurk youtube kanalında Frontendaily videolarını takip edebilir ve videolardaki yapıları kendin kodlamaya çalışabilirsin.
justify_content : display özelliği flex olan element içinde ki ögeleri ortalama sağa sola yaslama gibi işlere yarar.
display:inline-block; ise elementi satır içi olarak soldan sağa doğru sıralar float right olursa sağdan sola sıralar.
Yani display block yaparsan element kaplayabildiği kadar yer kaplar inline-block yaparsan içieriği ne kadar ise o kadar genişler.
Farkettim ki yazarak zor bu iş youtube dan css derslerine bakmalısın.