Shulou(Shulou.com)06/01 Report--

This article is to share with you about how the CSS tag is displayed in mode, the editor thinks it is very practical, so I share it with you to learn. I hope you can get something after reading this article.

# Block-level tags / elements

Div,p, h2-h7 ol ul dl dt dd

H6 New header footer nav aside article section

Display:block

Features:

1 can set width and height

2 monopolize one line

3 the default width is the width of the parent level label

4 the main purpose is container layout, which can nest other block-level elements or inline tags.

5p tags do not wrap other block-level elements

Browsers will be added

Display:block

# inline tags / elements

Span,a,stong,ins b, del,s,su,i,em

Display:inline

1 setting height and width has no effect

2 allow other in-line elements to be arranged in a row

3 the content will be displayed as big as it is. If there is no content, there will be no size.

4 is generally used to wrap text or make some small decorations

5 do not inline labels do not nest block tags, but a tags are not subject to this restriction

# inline block tags / elements

Img input

Convert to inline block label

1. The inline block tag is essentially a special inline tag. Both text-align and line-height can control the block elements in the line.

2 allow other in-line elements to line up

3 set width and height to take effect

The above is how the CSS tag displays the mode, and the editor believes that there are some knowledge points that we may see or use in our daily work. I hope you can learn more from this article. For more details, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.