样式转换详解：块级元素/标签/样式、内联元素/标签/样式、 行内块元素/标签/样式

一、标签分类

标签的特征：

• 块级元素/标签/样式：div、p、h1-h6、address、ul、ol、ol、li、dl、dt、dd、table、form、fieldset、legend
• 内联元素/标签/样式:span、strong、em、del、ins、label、a、sub、sup
• 行内块元素/标签/样式：input、img、select、iframe

二、块级元素/标签/样式

1、没有宽度时，默认宽度100%
2、支持宽高
3、独占一行 （列展示）
4、支持所有css命令

三、内联元素/标签/样式

1、 默认内容撑开宽高
2、不支持宽高
3、 可以继续跟同类标签（横排展示）
4、 不支持上下的margin
5、支持padding,但padding垂直方向上会出现问题（把其他的盒子遮住）
6、行内元素与行内元素之间存在间隙（有一个空格符）

四、行内块元素/标签/样式

1、块级可以（横排展示）
2、行内标签支持宽高
3、没有宽度的时候内容撑开宽度
4、支持margin、padding等css元素

五、标签消失或隐藏

diplay:none;