块级元素有：div、p、table、ul、lo、li、h1-h6、dl、dt；行内元素有：a、img、span、b、strong、input、select 、section。块级元素（block element）在浏览器中占据整行，并排斥其它元素与其位于同一行。
一、块级元素和行内元素
1.行内元素
a img span b strong input select section
2.块级元素
div p table ul lo li h1-h6 dl dt
3.区别
块级元素会独占一行 默认的宽度占满父级元素，行内元素不会换行；
行内元素的width height 无效；
块级元素可以设置margin和padding属性，行内元素padding-left、padding-right，margin-left，margin-right（水平方向），有边距效果，padding-较好，padding-bottom，margin-较好，margin-bototm，（垂直方向）没有边距效果，本质（浏览器将块级元素的dispaly属性默认为block，行内元素属性默认为inline，因此行内元素与块级元素的切换可以通过修改display属性实现）。
延伸阅读：
二、元素的嵌套
HTML 中的各个元素之间是可以互相嵌套的，例如：
块元素可以嵌套块元素；
块元素可以嵌套行内元素；
行内元素可以嵌套行内元素；
行内元素可以嵌套块元素。
值得注意的是我们不建议在行内元素中嵌套块元素，这样不仅不符合开发规范，还会导致行内元素也独占一行。
三、空元素
在用来描述网页的计算机语言中，有一种超文本标记语言，被称为HTML(Hyper Text Markup Language) 。而构成HTML内容的标记语言是由一套标记标签组成。这套标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <html> ，通常是成对出现的，比如 <b> 和 </b>。这些成对出现的HTML 标签，名列前茅个标签是开始标签，第二个标签是结束标签。大多数HTML标签在开始标签和结束标签之间都具有内容，而某些标签则没有内容。
HTML中，从开始标签（start tag）到结束标签（end tag）的所有代码，被称为HTML元素。
由于HTML元素的内容是开始标签与结束标签之间的内容。而某些 HTML 元素具有空内容。（empty content），那些含有空内容的HTML元素，就是空元素。空元素是在开始标签中关闭的。
以上就是关于块级元素和行内元素的内容希望对大家有帮助。
