How to use the margin and padding properties in CSS

This article focuses on "how to use the margin and padding properties in CSS". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor learn how to use the margin and padding attributes in CSS.

CSS tutorial: a detailed explanation of margin and padding attribute applications

I believe we all know the meaning of margin and padding, but it is difficult to judge which one should be used in specific applications. This article is very clear, here for reference.

When should ◆ use margin

When you need to add white space on the outside of the border.

When the background (color) is not needed in the space.

When the space between the two boxes connected up and down needs to cancel each other out. For example, the margin of 15px+20px will get a blank space of 20px.

When should ◆ use padding at that time

When you need to add blanks to the border internal test.

When a background (color) is needed in the space.

The space between the two boxes connected up and down, hopefully equal to the sum of the two. For example, the padding of 15px+20px will get a blank space of 35px.

◆ browser compatibility issues

In IE5.x, IE6, when you specify margin for the box of float, the left margin may become twice as wide. It can be solved by using padding instead or specifying the box as display:inline.

At this point, I believe you have a deeper understanding of "how to use the margin and padding properties in CSS". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!