CSS3是一種用于網頁開發的語言，它為我們帶來了很多新的特性和功能。然而，隨著時間的推移，我們逐漸發現CSS3中有一些特性被逐漸拆分出來，獨立成為了新的模塊。下面就來了解一下這些被拆分的特性。

第一個被拆分的特性是Border Image。這個特性是在CSS3的Backgrounds and Borders模塊中定義的，用于為邊框添加圖片。但在CSS4中，這個特性被拆分成了一個單獨的模塊，即CSS Border Image Module。

/* CSS3代碼 */
div {
border: 10px solid #000;
border-image: url(border.png) 30 repeat;
}
/* CSS4代碼 */
div {
border: 10px solid #000;
border-image-source: url(border.png);
border-image-width: 30;
border-image-repeat: repeat;
}

第二個被拆分的特性是Flexbox。Flexbox是用于布局的一種規范，在CSS3中定義在Flexible Box Layout Module中。但最近，新的CSS規范CSS Box Alignment中獨立出了Flexbox布局的一部分內容，即align-content、justify-content、align-items和justify-items等屬性。

/* CSS3代碼 */
.container {
display: flex;
align-items: center;
}
/* CSS4代碼 */
.container {
display: flex;
}
.item {
align-self: center;
}

第三個被拆分的特性是CSS Grid。CSS Grid是一種用于網格布局的規范，在CSS3中定義在CSS Grid Layout模塊中。而在CSS Grid Level 2規范中，這個特性被拆分成了幾個不同的部分，包括Grid Template Columns、Grid Template Rows、Grid Template Areas等。

/* CSS3代碼 */
.container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
/* CSS Grid Level 2代碼 */
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}

總之，CSS3中有一些特性被拆分成了獨立的模塊，這為我們的網頁開發帶來了更加靈活和精細的控制。開發者們需要不斷學習和適應這些新的規范，以保持自己在網頁開發領域的競爭力。