块级标签和行内标签的区别

行内标签（内联标签）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度，高度，对齐等属性，常用于控制页面中文本的样式
常见的行内标签a,strong,b,em,i,del,s,ins,u,span其中span标签是最典型的行内标签。

​ 特点：

• 和相邻行内标签在一行上
• 高、宽无效，但水平方向的padding，margin可以设置，垂直方向的无效
• 行内标签只能容纳文本或者其他行内标签(a特殊 ，a标签里面可以放块级元素)

块级标签：每个块标签通常都会独自占据一行或多整行，可以对其设置宽度，高度，对齐等属性，常用于网页布局和网页结构的搭建

​ 常见的快标签有h1~h6 ，p,div,ul,ol,li其中di>标签是最典型的块标签

​ 特点：

• 总是从新行开始
• 高度、行高、外边距以及内边距都可以控制
• 宽度默认是容器的100%
• 可以容纳内联标签和其他标签

行内块标签：在行内标签中有几个特殊的标签 img,input,td 可以对它们设置宽高和对齐属性

​ 特点:

• 和相邻行内标签（或者行内块）在一行上，但是之间有空白缝隙
• 默认宽度就是它本身内容的宽度
• 块、行内标签转换为行内块：display:inline-block;