html标签分类（行内、行内块和块标签）

（元素又叫标签，元素的分类）

一、行内元素

主要是用来包裹文字的

特点：1、不会独占一行

2、行内元素的宽高都是被内容撑开的，不可以自定义宽高

常用的行内元素：span、em、strong、a·····

二、块元素

主要是用来布局

特点：1、会独占一行

2、块元素宽度默认是父元素的100%，如果你设置宽高，你设置多少就是多少

3、块元素高度默认是被内容撑开的

常用的块元素：h1-h6,p,div,header,main,footer,nav,·····

三、行内块元素

目前主要用的行内块元素就是图片标签

特点：1、即有块元素的特点又有行内元素的特点不会独占一行，但可以设置宽高

四、扩展注意点

属性display可实现不同元素的相互转换

可选值： none 隐藏元素

block 转成块元素

inline 转成行内元素

inline-block 转成行内块元素

使用块元素和行内元素布局时注意点：

1. 块元素是布局元素，里面什么都能放，能放块元素，能放行内元素，行内块元素

2. 行内元素 一般就用来包裹文字 ，里面不能放块元素

3. 特殊的块元素 p 不能放块元素，只能放文字或者图片

4. 特殊的行内元素 a 里面什么都能放，除了它自己