在多行CSS中，使用<style>标签来定义多个CSS规则。规则可以使用多个“=””号进行分隔，并且每个规则可以使用多个属性进行定义。例如，可以使用以下代码定义一个多行CSS规则：
.box {
width: 200px;
height: 300px;
background-color: blue;
margin: 10px auto;
.box:first-child {
width: 100px;
height: 200px;
background-color: green;
.box:last-child {
width: 200px;
height: 100px;
background-color: red;
在上面的代码中，定义了一个名为“box”的元素，它有两个子元素，一个为“first-child”，另一个为“last-child”。每个子元素都使用不同的样式属性，如宽度、高度、背景颜色等。使用这种方法，可以定义多个不同的样式，并将其应用于同一元素上，从而实现灵活组合。
使用多行CSS还可以实现一些复杂的布局效果，例如将不同的元素组合在一起，形成复杂的树形结构或网格布局。多行CSS还可以用于响应式设计，可以根据设备的屏幕尺寸和分辨率自动调整页面布局。
虽然多行CSS可以使页面更加美观和灵活，但也需要注意样式的一致性和可维护性。应该尽量避免重复的样式规则，并且应该使用语义化解析来避免命名冲突。此外，还应该注意多行CSS的兼容性问题，确保它可以在不同的浏览器和操作系统中运行。
多行CSS是一种灵活、美观且易于使用的CSS样式规则，可以使页面布局更加复杂，提高用户体验。但应该注意样式的一致性和可维护性，以确保其在不同的浏览器和操作系统中正常运行。