在 CSS 中，有一些常用的属性可以用来控制页面中元素的外观和布局。其中一种常见的属性是 Box 属性。通过使用 Box 属性，可以轻松地控制元素的尺寸、边框、内边距和外边距等方面。

.box {
width: 200px;
height: 150px;
border: 1px solid black;
padding: 20px;
margin: 10px;
}

在上面的代码中，我们创建了一个名为.box的 CSS 类，为它定义了一些 Box 属性。这个类可以应用于 HTML 中的任何元素。下面我们来看一下这个类定义中各个属性的作用：

• width:属性定义元素的宽度。
• height:属性定义元素的高度。
• border:属性定义元素的边框。在本例中，我们为元素的边框设置了 1px 的实线黑色边框。
• padding:属性定义元素的内边距。在本例中，我们为元素的内边距设置了 20px。
• margin:属性定义元素的外边距。在本例中，我们为元素的外边距设置了 10px。

以上这些 Box 属性在实际应用中非常常见。通过灵活地使用它们，我们可以创建出各种各样的布局效果。