CSS布局是一種設計網頁頁面的技術，它使用CSS樣式來控制HTML頁面的布局和外觀。CSS提供了一系列的布局方式，比如使用盒模型布局和彈性盒子布局等等。

.box {
display: flex;
justify-content: space-around;
align-items: center;
}

上面的代碼是一個彈性盒子布局，使用了“display”屬性來指定盒子的布局方式。在這個例子中，“display: flex”表示使用彈性盒子布局，也就是利用CSS彈性元素的彈性屬性來實現布局。而“justify-content: space-around”和“align-items: center”則分別指定了彈性容器里彈性元素在“主軸”和“側軸”上的對齊方式。

除了彈性盒子布局以外，使用盒模型布局也是一種常用的布局方式。盒模型將每個HTML元素看成一個盒子，通過指定盒子的尺寸、邊框和內部填充等屬性來控制布局和外觀。比如下面的代碼：

.box {
width: 400px;
height: 300px;
border: 1px solid #ccc;
padding: 20px;
margin: 0 auto;
}

在這個例子中，我們使用了“width”和“height”屬性來指定盒子的寬度和高度，使用“border”屬性來添加盒子的邊框，使用“padding”屬性來指定盒子內部的填充，使用“margin”屬性來控制盒子與其他元素之間的間距。最后，使用“margin: 0 auto”來將盒子水平居中。

除了上述兩種布局方式外，還有許多其他的布局方式，比如網格布局、多列布局等等。無論使用哪種布局方式，都需要掌握CSS的基本概念和屬性，才能更好地進行布局設計。