什么是行内元素和块级元素？行内元素：又称为内联元素。是html中的规范，它和其他行内元素都是在同一行从左到右排列，不会单独占据一行。块级元素：和行内元素对应，也是html中的规范，它总是在新的一行开始，各个块级元素之间单独占据一行，向下垂直排列。要想水平方向排列，可以利用布局或者浮动来实现。区别：行内元素不占据新行，而块级元素都是从新的一行开始。行内元素不可以设置高度和宽度，可以设置行高。同时行内元素的外边距margin和内边距padding都是上下无效，左右生效。而块级元素对于宽度高度和内外边距都生效，随意设置。相互转换
两者通过修改css属性display属性可以互相转换，在行内元素上设置display：block可以让它转换成块级元素，其实本质是让它换行而已。同理在块级元素上设置display：inline可以让它转换成行内元素。
下面截图是例子：
这段代码在标签< hr> 前面没有设置转换，默认< a> 、< input> 标签都是行内元素，而< h1> 标签是块级元素。他们显示效果如下图：
可以看到水平线之前超链接和输入框在同一行，而一堆大黑字和水平线在下面一行，这是因为默认< a> 、< input> 标签都是行内元素，而< h1> 、< hr> 标签都是块级元素。图中水平线下面可以发现超链接单独一行，因为我设置了它是块级元素，而大黑字和输入框在同一行是因为我给大黑字< h1> 标签设置成了行内元素，见第一图代码。
写到这里相信您应该明白了行内元素和块级元素了吧。
1、元素： HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说，HTML元素就是构成HTML文件的基本对象，HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。 2、标签： 标签就是、、
等被尖括号“< ”和“> ”包起来的对象，绝大部分的 标签都是成对出现的，如、。当然还有少部分 不是成对出现的，如、等。 标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。 3、属性： 为HTML元素提供各种附加信息的就是HTML属性，它总是以”属性名=属性值”这种名值对的形式出现，而且属性总是在HTML元素的开始标签中进行定义。hhhhhhhhhh在这个示例中，这是示例页面就是HTML元素，其中“hhhhhhhhhh”就是元素的具体内容了。
html中块级标签通过inline属性来编程级联标签。
语法格式是：display:inline或者是inline-block
块级元素
顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的< div> 、< p> 、< ul> 默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block; 将其更改成块级元素。此外还有个特殊的，float也具有此功能。