行、块、行内块标签

HTML的仨大标签分类:行标签、块标签、行内块标签

前言：
       我发现一直以来，我进入了一个误区，我对于行标签和块标签的理解，首先从定义上就搞错了，嘤嘤嘤(╥╯^╰╥)......        

一、块标签：(block element):

特点：
       1.总是独占一行
       2.高度，宽度，以及内外边距，都可以进行设置
       3.可容纳行内元素和其他块元素

典型的块元素有div、p、h系列、li、ul、dt、dd、form等
       

二、行标签(inline element)：

行元素也叫内敛元素，叫法不一，如：内联元素，内嵌元素，行内元素，直进式元素等。元素在一行内显示。内联元素一般只能容纳文本或者其他内联元素

特点：
       1.可以和其他元素共处一行，不用另起一行。
       2.元素的高、宽、顶部以及底部的内外边距不能进行设置（设置了也不起作用）
       3.该行标签的高、宽是它包含的内容（图片，文字）的宽度
       4.行标签不可以嵌套块标签

典型的行元素有span、a、b、i、u、em、strong、br、label等        

三、行内块标签：

特点：

       能和其他元素呆在一行，并且能设置宽高

       

四、行、块标签的转换：

1.块级标签转化为行内标签：display:inline;

2.行内标签转换为块级标签：display:block;

3.转换为行内块标签：display:inline-block;

总结：

• html分为三大类标签，分别是块标签，行标签，行内块标签
• 块元素独占一行，行元素不独占一行(宽高等属性不可设置)
• 一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素
• 块元素中基本上啥都能放，但是注意p元素中不能放任何块元素哟(不符合语法规范)