Толтуруу менен Чектердин ортосундагы айырманы билүү

Мазмуну:

Толтуруу менен Чектердин ортосундагы айырманы билүү
Толтуруу менен Чектердин ортосундагы айырманы билүү
Anonim

Чектер менен толтургучтар чаташтырышы мүмкүн, анткени алар кандайдыр бир мааниде бир эле нерседей көрүнөт: сүрөттүн же объекттин тегерегиндеги ак боштук. Бул жерде веб-дизайнер катары алардын айырмачылыктары жөнүндө билишиңиз керек.

Төлөмдөө

Толтуруу – бул сүрөттүн же уячанын мазмуну менен анын тышкы чектеринин ортосундагы боштук. Төмөнкү сүрөттө, толтуруу мазмундун тегерегиндеги сары аймак болуп саналат. Бул учурда, толтуруу мазмунду толугу менен айланып өтөт: үстү, асты, оң жана сол жактары. Ар бир тарап үчүн канча толтурууну (пайызда, пикселдерде, упайларда ж.б.) белгилей аласыз жана алар бирдей болбошу керек. Ушундай жол менен сиз мазмунду элементтин ичинде жайгаштырсаңыз болот.

Image
Image

Маржалар

Ал эми четтер - бул элементтин чегинен тышкары, элемент менен ага чектеш болгон нерселердин ортосундагы боштуктар. Сүрөттө, маржа - бүт объекттин сыртындагы ак аймак. Толтургуч сыяктуу, маржа бул мисалдагы мазмунду толугу менен айланып өтөт: үстүнкү, ылдыйкы, оң жана сол жактарында. Баракта div жана башка элементтерди жайгаштыруу үчүн чектерди колдонсоңуз болот.

Барактарыңызды ар кандай браузерлерде, операциялык тутумдарда (анын ичинде мобилдик) жана экран өлчөмүндө сынап көрүңүз, алар так сиз каалагандай көрсөтүлөт.

Сунушталууда: