在CSS中，使用盒子(box)的概念来布局页面。盒子可以容纳内容、内边距(padding)、边框(border)和外边距(margin)。创建一个盒子可以使用“div”标签，但是为了更好的语义化，我们也可以使用以下标签之一：
<main></main> <article></article> <section></section> <aside></aside> <footer></footer> <header></header>
创建盒子之后，我们可以在盒子中嵌套另一个盒子。这种方法可以将页面划分为几部分，使得页面布局更加清晰。这种方式可以被称为“盒子内盒子”，盒子内盒子可以使用同样的标签，例如：
<div> <div></div> <div></div> </div>
在盒子内创建盒子之后，我们可以通过CSS来控制盒子的样式。使用“border”属性可以设置边框的样式、粗细和颜色。例如，要创建一个白色的实线边框，可以使用以下代码：
border: 1px solid white;
使用“padding”属性可以设置内边距的大小。内边距是盒子内部和边框之间的空白区域。例如，要给盒子设置10像素的内边距，可以使用以下代码：
padding: 10px;
使用“margin”属性可以设置外边距的大小。外边距是盒子和其他元素之间的空白区域。例如，要给盒子设置20像素的外边距，可以使用以下代码：
margin: 20px;
通过使用盒子内盒子的方式，我们可以创建出非常复杂的页面布局。掌握这些CSS技巧，可以使得我们在页面布局时更加得心应手。
