област Урок 11 (марж) и уплътнение (подложка)
Това е много проста, но в същото време и на правилното урока. Нека да видим, какво е маржът на разлика от пълнеж. За да направите това, още веднъж припомни, моделът на блок в CSS.
Марж (Полета) - разстоянието от границата (рамката) единица на следващия елемент, или ако не, към краищата на документа.
ПЪЛНЕЖ (отстъп) - като вътрешен Rasctojanie, между границата (рамка) и съдържанието на блока.
И нека просто погледнете primerchik: създаване трите стила за три различни секции, с различен марж и уплътнение и погледнете резултата:
.p1 фон-цвят. # FFE446;
граница: 1px твърдо червено;
марж. 70px;
>
.p2 фон-цвят. # FFE446;
граница: 1px твърдо червено;
уплътнение. 70px;
>
.P3 фон-цвят. # FFE446;
граница: 1px твърдо червено;
марж. 50px;
уплътнение. 20px;
>
Е, как да се разбере? ако прочетете текста в примера, който е точно изяснен.
Добавянето на познатите ключови думи: най-добре, нали, отдолу, отляво, и можете да регулирате рамките на областта, съответно, най-добре, нали, отдолу, отляво.
р марж-нагоре: 50px;
марж-надясно: 50px;
марж-отдолу: 50px;
марж ляв: 150px;
>
Същото нещо, само в стенограмите:
Т.е. тъй като само лявото поле различна от останалите, ние просто отчита обща поле, а след това напишете стойността на лявото поле и получи същия резултат, както в първия пример.
Също така е възможно изпълнение на такъв пост:
Т.е. стойности са написани на часовниковата стрелка: горе, вдясно, отдолу, отляво.
В някои случаи е по-добре да се използва маржове и в кои области?
И това е до вас, не мога да дам само няколко основни разлики:
- Padding (подложка) се поставят в устройството, и областта (марж) - извън;
Предистория блок и фоновото изображение се отнася само за подложка, но не и на терена. Полетата винаги са прозрачни, а чрез тях блестят фон родител.