How css uses display to show and hide

This article mainly introduces css how to use display to show and hide, the article is very detailed, has a certain reference value, interested friends must read it!

Display flash object form (display:block) and hidden object content (display:None), introduced by the case.

Generally speaking, the default html content is exposed, but occasionally we want him to flee later, and the mouse will reveal the hidden mode through a trigger place. At this moment, we use display:None. When the mouse passes over the trigger place, JS corresponds to calling the CSS flash content of the display:block pattern. Common Tab sliding door tab (mouse through the column, the corresponding content is exposed).

Because HTML does not configure the CSS display name, its own form is displayed, so we here only reality through the CSS div display hidden object.

1. Hidden case elucidation

We use css display:none to hide a DIV and the contents of this DIV tag.

2. CSS code snippet

.CSS5 {display:none}

3. HTML code snippet

I reflected the first row, I was hidden in the second row, and I revealed that I performed in the third row.

The above is all the content of the article "how css uses display to show and hide". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!