Тази публикация описва:
- Кога да използваме „padding“ срещу „margin“ в CSS?
- Как да използвам „марж“ в CSS?
- Как да използвам „padding“ в CSS?
Кога да използваме „padding“ срещу „margin“ в CSS?
CSS “ марж ' и ' подплата ” свойства се използват за проектиране на интерфейса. Те се използват и за определяне на допълнителната празнина или разстояние между елементите. Тези два свойства обаче се различават един от друг по отношение на функционалността.
Тук ще обясним някои разлики между двата свойства:
| марж | подплата |
|---|---|
| margin осигурява пространство извън елемента. | padding осигурява пространство вътре в съдържанието на елемента. |
| Можем да зададем марж на елемент като „ Автоматичен ”, за да зададете автоматично полето около елемента. | подложката не може да бъде зададена като автоматична. Потребителят трябва да посочи стойностите, за да зададе пространството вътре в елемента. |
| Маржът не е повлиял на стила на елемент. | Когато приложим фонов цвят към елемента, това ще повлияе на стила на елемента. |
| Можем да задаваме както положителни, така и отрицателни стойности като маржове. | padding поддържа само положителни стойности. |
Как да използвам „марж“ в CSS?
За да използвате „ марж ” свойство, първо създайте „ Резултатът от горепосочения код е споменат по-долу: Сега създайте друг „ Изход Сега приложете свойството „margin“ към клас „.margin-div“: В горния код „ .margin-div ” се използва за достъп до елемента div за прилагане на изброените по-долу свойства: Тук можете да видите, че успешно сме задали „ марж ”имот на втория” див ” елемент: За да се използва свойството „padding“, са използвани горепосочените примери. Във втория „ див ' контейнер, използвайте класа ' padding-div ”, за да приложите подложка: Изход За да приложите подложка и други свойства на CSS върху „ .padding-div ”, разгледайте предоставения код: В гореспоменатия код получихме достъп до втория „ див „елемент, използващ клас“ .padding-div ”. Задали сме „фоновия цвят“ и „размера на шрифта“. Освен това „ подплата ” се използва за добавяне на пространство около съдържанието на елемента от всяка страна като „ 50px ”. Изход Обяснихме разликите и употребата на „padding“ и „margin“ в CSS. CSS “ марж ” се използва за задаване на разстоянието около елемента, докато „ подплата ” се използва за добавяне на разстояние около съдържанието на елемента. За да приложите свойство за марж или подложка, първо създайте „ див ” и посочете класа. След това отворете класа по име на клас и приложете „ марж ' и ' подплата ' Имоти. Тази публикация обяснява използването на margin vs padding в CSS.
< див клас = 'линукс' >
< стр > Linuxhint е един от най-добрите уебсайтове за уроци < / стр >
< / див >
< див клас = 'margin-div' стил = 'border:1px плътно черно' >
< стр >Linuxhint е един от най-добрите уебсайтове за уроци.< бр >
< / стр >
< див >
заден план- цвят : rgb ( 199 , 238 , 205 ) ;
шрифт- размер : средно;
граница : 3px rgb ( 114 , 250 , 114 ) ;
поле: 100px 100px 100px 100px;
}
Как да използвам „padding“ в CSS?
< стр > Linuxhint е един от най-добрите уебсайтове за уроци < / стр >
< / див >
< див клас = 'padding-div' стил = 'border:1px плътно черно' >
< стр >Linuxhint е един от най-добрите уебсайтове за уроци.< бр >
< / стр >
< / див >
заден план- цвят : rgb ( 199 , 238 , 205 ) ;
шрифт- размер : средно;
подложка: 50px 50px 50px 50px;
}
Заключение