当我们在使用CSS时，经常会用到空格这个概念。那么CSS是按什么出来空格呢？下面我们来一起探讨。

p {margin: 1em 0;}

在CSS中，空格其实是指元素之间的距离，也就是外边距(margin)和内边距(padding)。而CSS中的空格是有规律可寻的，可以总结如下：

• 上下文之间的空格：当元素的上下文改变时，如父子关系、兄弟关系等，就会产生上下文之间的空格。例如上面的代码中，段落(p)的上下文是父元素，那么段落之间就会产生1em的空格。
• 元素之间的空格：当元素之间有空格或换行时，就会产生元素之间的空格。例如：

<div><p>这是段落1</p><p>这是段落2</p></div>

在上面的代码中，段落1和段落2之间有空格，所以它们之间会产生一定的空隙。

• 文本之间的空格：如果在一个元素内部，文本之间有空格或换行，那么就会产生文本之间的空格。例如：

<p>这是     一段    文本</p>

在上面的代码中，文本中间有多个空格，这些空格会被折叠成一个空格，因此会产生一定的空隙。

以上就是CSS中空格的产生规律。掌握了这些规律，就可以更好地利用CSS设计页面，让页面更加美观。