1. Inline, inline, inline elements:
By default, they can continue to be displayed with tags of the same type;
The width is expanded by the content, depending on how wide the content is , how wide it will be;
span, inline tags support width and height, even if width and height are added, it is not supported.
It also does not support top and bottom inner and outer margins, but supports left and right inner and outer margins. Spacing; the inner top and bottom margins will affect the background color (but will not expand the distance, will not push other elements down, but will display the background)
Inline Line breaks in code will be parsed as spaces, but block levels will not.
Block-level elements:
Default is displayed in one line;
When there is no width, the default To fill a row, the width of the parent is as wide as the width of the parent,
2.display:block; display as block;
display: inline; display as inline Embedded
After changing the basic properties, the properties will be the same as block level/inline.
3. Image img: neither inline nor block level,
Can be displayed side by side; supports width and height;
inline-bolck;
IE6 and IE7 do not support inline-block of attribute tags; >