Obrázok na pozadí-pozícia v CSS

Question 1

Ja som v súčasnosti prebieha prostredníctvom internetovej stránky banner cez nástroje pre vývojárov prehliadača chrome(Kontrolovať). Všimol som si, že konkrétny banner má nasledujúce triediaceho pravidlá v jeho CSS:

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

Je to len formalita?. Pretože, keď som odstránil troch pozadí vlastnosti a nastavenie background-position: center, banner nebol postihnutý nijakým spôsobom.

Z nádejných vývojárov. Vďaka

Question 2

Že banner len má zlé CSS.
background-position je skratka pre, background-position-x a background-position-y.

Tak,

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' */
}

Ako ste spomenuli, background-position: center robí rovnakú prácu, keďže obe x a y bude 'center'.

Nie je nič zlého s použitím kľúčových slov, ale ak ste práve začínate s CSS, dôrazne odporúčame, aby ste si zvykli používať percentá.
(Budete mi ďakovať neskôr, keď ich budete potrebovať viac špecifické určenie polohy pomocou calc().

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

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

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

Že banner len má zlé CSS.
background-position je skratka pre, background-position-x a background-position-y.

Tak,

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' */
}

Ako ste spomenuli, background-position: center robí rovnakú prácu, keďže obe x a y bude 'center'.

Nie je nič zlého s použitím kľúčových slov, ale ak ste práve začínate s CSS, dôrazne odporúčame, aby ste si zvykli používať percentá.
(Budete mi ďakovať neskôr, keď ich budete potrebovať viac špecifické určenie polohy pomocou calc().

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

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

Obrázok na pozadí-pozícia v CSS

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii