CSS3是Web設計中常用的一種技術語言，它可以通過定義樣式來控制網頁布局和渲染效果。在CSS3中，有許多種設計模式可供使用。

較常用的一種是盒子模型（box model），它是基于基本的HTML塊的思想而建立的。在盒子模型中，每個HTML元素都被視為一個矩形盒子，它具有內容區域（content）、填充區域（padding）、邊框區域（border）和外邊距區域（margin）四個部分。我們可以使用CSS3來控制這四個部分之間的關系。

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

另一種常用的模式是浮動模型（float model），它可以用來實現網頁的模塊化布局。通過設置浮動屬性（float），我們可以使元素向左或向右浮動，并讓它們靠在一起。浮動模型還可以用來制作多列布局，讓網頁更具有表現力。

.column {
width: 30%;
float: left;
margin-right: 20px;
background-color: #ccc;
padding: 10px;
}

最后，我們還有一種彈性盒子模型（flexbox model），它是CSS3新增的一種布局方式。與傳統的盒子模型不同，彈性盒子模型允許我們更加靈活地進行布局，不再需要像以前一樣排布固定的盒子大小和位置。

.flex-container {
display: flex;
justify-content: center;
align-items: center;
}
.flex-item {
flex: 1 1 150px;
height: 100px;
margin: 5px;
background-color: #ccc;
}

綜上所述，CSS3設計模式提供了各種不同的方式來控制網頁布局和渲染效果。我們可以根據不同的需求來選擇不同的模式，實現更加優美和靈活的網頁設計。