html的三大元素

Top-level element 【顶级元素】 比如html, body, frameset等，它们都属于高级块级元素。

Block-level element 【块级元素】 比如 p, h1~h6, div, ul，li 顾名思义就是以块显示的元素，高度宽度都是可以设置的。默认状态下每次都占据一整个行，后面的内容也必须再另起一行显示。 行级元素可以通过css的 display:block和float属性更改成块级元素。块级元素能够独立存在, 一般的块级元素之间以换行分隔。

Inline element 【内联元素】 比如a, br, em, img, li, span 通俗点来说就是文本的显示方式，与块级元素相反，内联元素的高度宽度是不可以设置的，其宽度和高度就是根据自身文字或者图片的宽度延展得来。 内联元素的显示特点就是像文本一样的显示，不会独自占据一个行。 当然内联元素也能变成块级元素，那就是通过css的display:inline;和float来实现。