Introduction to some knowledge of CSS

1. About the difference between a block element and an inline element:

Block element: Http://baike.baidu.com/link?url=FzeRCiyIMrfGd39Vyf_qpfgxqZ1Qsf5lMlApg8h--vlBivV5cE8Z5MwaRsl0dzus6JCXxeHeMubZyGjsfisWGK

Inline element: Http://baike.baidu.com/link?url=gxAyzGte9cSJiLoeLo352-nzniL-qBUtT290bMBMKpPHU3Qg8Yn_ 2smjoqntfrc3bl44-zibtfc6tsalaj-p-q

Add some knowledge about display:

The difference between 1.display:block and Display:inline is that the former converts the inline element into a block element, while the latter converts the block element to an inline element.

The 2.display:inline-block (inline block property value) is available in both of the above features, but currently only supports opera and Safari browsers.

When you convert a block element to an inline block property, you cannot change how the block element is displayed, but the inline element can.

When used, the 3.display:none is hidden together with the occupied space.

Here is the explanation: the difference between Visibility:hidden and Display:none is that the former will occupy a certain space when hidden.

Introduction to some knowledge of CSS