1. CSS流入的兄弟姐妹之间的权利空白
在CSS中，相邻的兄弟姐妹元素之间存在一定的权利空白（Whitespace）。这种空白是指在HTML文档中，元素之间的回车、空格、制表符等字符所形成的间隔。在渲染CSS时，这些权利空白也会对元素的显示产生一定的影响。
1.1 空白字符的处理规则
首先，我们来看一下CSS对空白字符的处理规则：
p {
white-space: normal;
}
上述代码中，white-space: normal;属性指定了元素的空白处于正常处理状态。这意味着浏览器会忽略元素之间的空白字符，并以一定的规则处理它们。
1.2 CSS流入的规则
CSS流入（Flow）是指元素在浏览器中按照一定的规则排列的过程。在CSS流入中，相邻的兄弟姐妹元素之间的权利空白会影响它们的显示效果。
在默认情况下，CSS会对相邻的兄弟姐妹元素之间的权利空白进行合并处理，即将多个连续的空白字符合并为一个空格。这会导致元素之间产生一个默认的空白间隔。
1.3 控制权利空白的属性
如果我们想要控制元素之间的权利空白，可以使用以下两个属性：
white-space属性：用于指定元素内部空白的处理方式。
margin属性：用于指定元素之间的外边距。
white-space属性有以下几个常见的属性值：
normal：默认值，元素内部空白按照规则处理。
nowrap：元素内部空白不被折行，超出容器宽度的部分会被隐藏。
pre：元素内部空白会被保留，而且连续的空白字符不会合并。
margin属性用于指定元素之间的外边距，可以通过设置不同的数值来调整元素之间的间隔。例如：
p + p {
margin-top: 10px;
}
上述代码中，p + p选择器表示选择紧跟在元素后面的同级元素，并通过margin-top属性设置它们之间的上外边距为10px。
2. 权利空白的实际应用
2.1 制作导航菜单
在网页设计中，常常需要制作导航菜单。使用CSS来实现导航菜单时，相邻的菜单项之间的间隔可以通过权利空白来控制。
.menu-item {
margin-right: 10px;
}
上述代码中，.menu-item选择器选择了菜单项元素，并通过margin-right属性设置相邻菜单项之间的右外边距为10px。这样一来，相邻的菜单项之间就会产生一个固定的间隔。
2.2 调整列表项的外观
在HTML中，ul和ol标签用于创建无序和有序列表。使用CSS来调整列表项的外观时，我们也可以通过权利空白来控制它们之间的间隔。
ul li {
margin-bottom: 10px;
}
上述代码中，ul li选择器选择了列表项元素，并通过margin-bottom属性设置相邻列表项之间的下外边距为10px。这样一来，列表项之间就会产生一个固定的间隔。
3. 小结
在CSS中，相邻的兄弟姐妹元素之间的权利空白会影响它们的显示效果。通过使用white-space属性和margin属性，我们可以灵活地控制元素之间的间隔。
了解并熟练运用权利空白的控制方法，可以帮助我们更好地进行网页设计和布局，使元素之间的显示更加美观和合理。