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

第一個(gè)被拆分的特性是Border Image。這個(gè)特性是在CSS3的Backgrounds and Borders模塊中定義的，用于為邊框添加圖片。但在CSS4中，這個(gè)特性被拆分成了一個(gè)單獨(dú)的模塊，即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;
}

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

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

第三個(gè)被拆分的特性是CSS Grid。CSS Grid是一種用于網(wǎng)格布局的規(guī)范，在CSS3中定義在CSS Grid Layout模塊中。而在CSS Grid Level 2規(guī)范中，這個(gè)特性被拆分成了幾個(gè)不同的部分，包括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中有一些特性被拆分成了獨(dú)立的模塊，這為我們的網(wǎng)頁開發(fā)帶來了更加靈活和精細(xì)的控制。開發(fā)者們需要不斷學(xué)習(xí)和適應(yīng)這些新的規(guī)范，以保持自己在網(wǎng)頁開發(fā)領(lǐng)域的競爭力。