块级元素，行内元素，行内块元素

块级元素：

　　 独占一行，对宽高的属性值生效；如果不给宽度，默认为浏览器的宽度即100%

　　块标签：p、div、ul、ol、li、dl、dt、dd、h1~h6、form

 

行内元素：

　　可以多个标签存在一行，对宽高的属性值不生效，靠内容撑开

　　行内标签：a、span、em、strong、b、i、u、label、br

 

行内块元素：

　　结合行内和块级元素的优点，不仅可以设置宽高，还可以多个标签存在一行

　　行内块元素： img、input、textarea

 

以上三个元素可以互相转换，

　　块 -》 行内　　 display:inline;

　　行内 -》块　　  display:block;

　　转为行内块元素 display:inline-block;

 

嵌套规则

　　块标签可以嵌套行标签，行标签不可以嵌套块标签

　　p标签不要套块标签，可以套 a,spam,文本等等

 

来源：https://www.cnblogs.com/knightdreams6/p/11981435.html