Css'de görüntü arka planı konumu

Question 1

Şu anda chrome geliştirici araçları(Inspect) aracılığıyla bir web sitesinin banner'ından geçiyorum. Belirli bir banner'ın css'sinde aşağıdaki kural kümesine sahip olduğunu fark ettim:

 banner{ 
     background-position:bottom;
     background-position-x: center;
     background-position-y: center;
  }

Bu sadece bir formalite mi?. Çünkü üç arka plan özelliğini kaldırdığımda ve ayarladığımda background-position: center afiş hiçbir şekilde etkilenmedi.

Bir geliştirici özentisinden. Teşekkürler

Question 2

Bu banner sadece kötü css'ye sahip.
background-position bu kısaltmadır, background-position-x ve background-position-y.

Böyle,

banner { 
  background-position: bottom;
  background-position-x: center; /* This is not doing anything, because x became 'center' when it was omitted above. */
  background-position-y: center; /* This will override the previously set 'bottom' */
}

Bahsettiğin gibi, background-position: center aynı işi yapar, çünkü hem x hem de y 'merkez'olacaktır.

Anahtar kelimeleri kullanmakta yanlış bir şey yoktur, ancak CSS ile yeni başlıyorsanız, yüzdeleri kullanmaya alışmanızı şiddetle tavsiye ederim.
(Daha sonra kullanarak daha spesifik konumlandırmaya ihtiyacınız olduğunda bana teşekkür edeceksiniz calc().

background: 0% 100% = background: left bottom
background: 100% 0% = background: right top
background: 50% 50% = background: center center

Kaynak: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

LSE · Answer 1 · 2021-11-24T02:48:59

Bu banner sadece kötü css'ye sahip.
background-position bu kısaltmadır, background-position-x ve background-position-y.

Böyle,

banner { 
  background-position: bottom;
  background-position-x: center; /* This is not doing anything, because x became 'center' when it was omitted above. */
  background-position-y: center; /* This will override the previously set 'bottom' */
}

Bahsettiğin gibi, background-position: center aynı işi yapar, çünkü hem x hem de y 'merkez'olacaktır.

Anahtar kelimeleri kullanmakta yanlış bir şey yoktur, ancak CSS ile yeni başlıyorsanız, yüzdeleri kullanmaya alışmanızı şiddetle tavsiye ederim.
(Daha sonra kullanarak daha spesifik konumlandırmaya ihtiyacınız olduğunda bana teşekkür edeceksiniz calc().

background: 0% 100% = background: left bottom
background: 100% 0% = background: right top
background: 50% 50% = background: center center

Kaynak: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

Css'de görüntü arka planı konumu

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride