Perbezaan antara margin dan padding dalam css

Dalam CSS, margin menentukan jarak antara elemen dan elemen sekeliling, dan padding menentukan jarak antara kandungan elemen dan sempadan elemen. Nilai lalai untuk kedua-duanya ialah 0, jidar mempengaruhi kawasan di luar sempadan elemen dan pelapik mempengaruhi kawasan di dalam sempadan. . Margin menentukan jarak antara elemen dan elemen sekeliling atau sempadan penyemak imbas, manakala padding menentukan jarak antara kandungan elemen dan sempadan elemen.

Penjelasan terperinci:

margin

Menentukan jarak elemen daripada elemen sekeliling atau tepi penyemak imbas.

Boleh mempunyai empat nilai (atas, bawah, kiri, kanan), atau satu nilai digunakan pada keempat-empat arah.

Nilai lalai ialah 0.

Nilai positif akan mengalihkan elemen lebih jauh daripada elemen sekeliling, manakala nilai negatif akan mendekatkan elemen tersebut kepada elemen sekeliling.

padding

• Menentukan jarak antara kandungan elemen dan sempadan elemen.
• Boleh juga mempunyai empat nilai, atau satu nilai digunakan pada keempat-empat arah.
• Nilai lalai ialah 0.
• Nilai positif akan mengalihkan kandungan elemen dari sempadan, manakala nilai negatif akan mengalihkannya lebih dekat ke sempadan. .
Kawal jarak antara kandungan unsur dan sempadan unsur

Nilai lalai

0
• 0
• mempengaruhi kandungan
• kawasan di luar sempadan unsur

kawasan dalam sempadan unsur

Atas ialah kandungan terperinci Perbezaan antara margin dan padding dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!