The element

Block-level elements

Display: block 1. Block 1 in a row. 2. You can set margin, padding like div, h1, h2...Copy the code

Inline elements

Margin, padding: horizontal (√), vertical (x), such as SPAN and a. The width and height are determined by the textCopy the code

Inline block-level

Display: inline-block 1. Multiple elements in a row 2. 3. You can set marign and paddingCopy the code

Transformation between elements

Conversion between block-level elements, inline elements, and inline block-level elements is accomplished by setting the display attributeCopy the code