BFE.devAI解答 - 前端面试问题
10. `block` 和 `inline`的区别是什么?

• block元素通常会从新行开始，并占据整个可用的宽度，可以设置width、 height、 margin 和 padding等属性。它们通常用于页面布局的主要元素，如标题(h1~h6)、段落(p) 和 div等。
• inline元素是在同一行内显示，并只保留其内容所需的空间，不影响其它元素在同一行内显示。它们不能设置width 和height，但可以设置margin 和padding等属性。它们通常用于添加文本内容，如a、 span和strong等。

这两种元素的默认行为有助于创建CSS布局。 但可以通过CSS属性和样式覆盖其默认行为，并改变它们在页面上的布局方式。