深究:我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。
in-line这个词有很多种解释:内嵌、内联、行内、线级等,但是,它们都是表示相同的意思,在这里我们选择习惯的叫法--内联。
先看下面的例子你就能明白两者的差别:
测试一下块元素与内联元素的差别
测试一下
块元素
与内联元素的差别
效果如下图:
在上面的例子中,
会自己产生一个新的行,而
并没有换行,这是在没有CSS渲染的情况下才这样,同样,我们 也可以通过CSS把div定义成内联元素,把span定义成块元素,但是,我们却不能在HTML里任意转化它们,块元素可以包含内联元素或某些块元素(上 面的例子其实是错误的使用--->我把