HTML第三课——css盒子2

display

通过上面代码，大家可以看到display意为展示的样式。

我们看到的样式和另外两个不一样，这是因为标签的属性默认是而和标签默认属性是。

我们修改样式：

可以看到

而如果我们把属性改为，再看效果：

我们发现不仅格子变小了，而且都跑到一行去了

这就涉及到了元素的分类，所有元素可分为两类：

块级元素

即的值默认为的元素：div、p等。特点是

行内元素

即的值默认为的元素：span等。特点是

我们来看一段代码：

我们发现我们设置的宽和高都失效了。所以我们现在遇到的问题就是：可以设置宽高但是要换行，不换行但不能设置宽和高，那要怎么办呢？我们只需要将属性值设置为即可：