行内元素和块元素的区别

行内元素：

内容多少就占多大的空间

与其他行内元素并排

不能设置宽高，默认宽度就是文字的宽度

块元素：

不管内容多少，总是在浏览器中独占一行。

可设置宽高，如果不设置宽高那宽度是100%

行内块元素：共享一行，可设置宽高，多个行内元素排列在一起

块级元素和行内元素的分类：

在HTML的角度来讲，标签分为：

 　　　　文本级标签：p span  a b i u em

　　 　　容器级标签：div  h系列  li  dt dd

p:里面只能存放图片和文字和表单元素，p里面不能放ul,也不能放p

行内元素：除了p之外，所有的文本级标签，都是行内元素，p除外，它是文本级标签，但是是个块级元素

块级元素：所有的容器级标签都是块级元素，以及p标签。

 

 

块级元素和行内元素相互转换：

通过display属性

display:inline; //转换成行内元素

display:block;//将行内元素转换成块级元素