块级元素和行内块元素是什么？-木庄网络博客

本文摘自PHP中文网，作者云罗郡主，侵删。

在css基础当中，我们往往会遇到块元素和行内元素，块元素和行内元素也是很重要的基础知识，很多学生都感觉不重要，都不去学习，其实也是不正确的选择，下面我们来讲述一下块级元素和行内块元素是什么？

很多学生在学习的时候，发现源代码中的元素有的是独占一行的，跟别的元素是不在一行的，这里是指的是不在代码中独占一行，而是在浏览器中独占一行，而有的标签是是跟其他元素在同一行，例如<strong>标签。标签又叫元素，例如<u>标签又叫<u>元素，不同的人有着不同的叫法。【推荐阅读：html5中关于div与span html块级元素的详细介绍】

html元素我们可以根据表现形式，分为两大类：

一：块元素

块元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且盛放其他元素。

例如有div，和h1～h6，p，hr，ol，ul。这些标签应该都不是很陌生，其中，<h3>和<p>标签是块标签，并且独立占据一行，中间也排斥任何元素跟<h3>和<p>同一行，而<strong>和<em>标签是行内元素。

二：行内元素

行内元素正好与块元素相反，在浏览器中，块元素都是默认其他元素一行。其中就包括strong，em，span，input。行内元素可以和其他元素位于同一行，不可以容纳块元素，但是可以容纳其他行内元素。

以上就是对块级元素和行内块元素是什么的全部介绍，如果你想了解更多有关Html5教程，请关注php中文网。

以上就是块级元素和行内块元素是什么？的详细内容，更多文章请关注木庄网络博客！