Şimdi Ara

Yazdığım özellikler ne işe yarıyor?

Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
5 sn
4
Cevap
0
Favori
497
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhaba, aşağıda belirttiğim özellikler ne işe yarar kısaca yazabilir misiniz?

    • -webkit-background-size: cover;
    • box-sizing: border-box;
    • position: relative;
    • display: flex;
    • position: absolute;



  • Bilenler de açıklamaya uğraşmaz, css kaynaklarını araştırmanız gerek,

    Altta birkaçını örnekledim;


    cover için;

    https://fatihhayrioglu.com/images/background-size_cover_contain.gif


    absolute için;

    https://www.w3schools.com/css/css_positioning.asp

    https://www.webcebir.com/192-css-position-konumlandirma-nedir-dersi.html




    < Bu mesaj bu kişi tarafından değiştirildi iGroN -- 2 Mayıs 2021; 23:43:30 >




  • -webkit-background-size: cover;
    Bulunduğu div'in şeklini koruyarak arkaplanı şekillendirir.

    box-sizing: border-box;
    Div'in yüksekliğini ve genişliğini değiştirmeden, (border) kenar çizgilerini div içine sığdırır. Özetle, div'e border eklendiğinde taşma yaptırmaz. Div boyutu sabit kalır.

    position: relative;
    Bir önceki div'in niteliğine göre, onu dikkate alarak göreceli şekilde konumlandırmayı sağlar.

    display: flex;
    Esnek konumlandırmayı sağlar. Flex'in farklı niteliklerini kullanarak, içerik konumlandırmasını kendi isteklerine göre bölümlendirebilmeni sağlar. Bu kod, diğerlerine göre daha kapsamlıdır ve birkaç özellikle kullanılır. Bunun için flex niteliklerini araştırabilirsin.

    position: absolute;
    Mutlak konumlandırmayı sağlar. Div, verilen niteliklere göre ekranın sabit bir noktasına konumlandırılır.

    < Bu ileti mobil sürüm kullanılarak atıldı >
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.