区块，最简单的定义就是：独占浏览器宽度一整行的元素（除非设置了宽度并浮动，关于浮动后面会讲到）。常见的区块有p，h1-h6标题，div等等，如图25-1：
工具/原料
1
任意一款文本编辑器
2
任意一款网页浏览器
方法/步骤
1
从下图25-2中可以看出：p元素和div的背景色从浏览器的最左边一直延伸到浏览器的最右边，这就是区块。
2
下面看看不是区块的元素，如图25-3，图25-4所示：
3
最终效果如图25-5所示：
4
那如何把非区块的元素变成区块呢？答案是用CSS添加属性及属性值：display:block; 如图25-6，CSS代码如图25-7
5
最终效果如图25-8所示：
6
把区块变成内联块用display:inline;
注意事项
希望对正在学习CSS的同学有帮助
上一篇：区块链满足了人们哪些需求？