块状元素和内联元素的区别？

Question

块元素能设置竖直方向的margin，padding是什么意思  可以举例吗内联元素不能设置竖直方向的margin padding，可以设置水平方向的是什么意思，求举例，块元素和块状元素是同一种类型吗

Answer 1

首先，快状元素与内联元素的区别：块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。也可以把块元素div加上display:inline，让他显示为内联元素

块状元素也就是块元素，有时候也叫它块级元素。对于块元素，你设置它的padding和margin后会有展示出来，而内联元素是没有效果的，这也就是为什么很多时候我们会将默认为内联元素的a标签设为块元素。

代码验证：

    可以编写一个如下结构的盒子

<div class="box">
    <a class="block">this is a block</a>
</div>

    定义样式，给a标签一个背景色red,你会发现背景色紧贴标签，为了将背景色扩大，我们通常会设置padding值，但你扩大padding后会发现背景色范围并没有改变。此时，给a标签的样式添加一个:   display:block  试一试。

    具体代码自己实现，多锻炼自己的动手能力

Answer 2

通俗点说块元素可以作为容器，占据特定的一块空间，而内联元素只能放到容器里面去，自动填充。

Answer 3

块级元素(块元素、块状元素都是指同一样东西，叫法不同而已)：宽度默认100%，也就是会独占一行，其他元素会被其挤到下一行，如div，p，header，ul

内联元素(行内元素)：内容多少，宽度就多少，内联元素之间以横排方式排列一行，如span，em，small，a，内联元素设置竖直方向的margin和padding是不起效果的。

Answer 4

块元素就是什么都能装，独占一行，内联元素就是可以可以挤在一起，