CSS是一種用于網(wǎng)頁(yè)設(shè)計(jì)的樣式表語(yǔ)言，它使用選擇器和屬性來定義HTML元素的樣式，可以讓網(wǎng)頁(yè)具有更好的可讀性和視覺效果。而在CSS中，百分比是一種常用的單位，通過百分比可以實(shí)現(xiàn)對(duì)元素尺寸、位置等屬性的控制。

例如：將HTML中的div元素的寬度設(shè)置為50%。
div{
width:50%;
}

上面的代碼將這個(gè)div元素的寬度設(shè)置為其父元素寬度的50%，這樣當(dāng)父元素的寬度發(fā)生變化時(shí)，這個(gè)div的寬度也會(huì)自動(dòng)調(diào)整。百分比可以根據(jù)父級(jí)元素的尺寸來進(jìn)行相應(yīng)的調(diào)整，可以讓頁(yè)面更加靈活和自適應(yīng)。

又如：將HTML中的圖片元素的寬度設(shè)置為80%。
img{
width:80%;
}

上述代碼將這個(gè)圖片元素的寬度設(shè)置為其容器寬度的80%，這樣可以讓圖片隨容器的大小調(diào)整而自適應(yīng)。另外，百分比還可以用于網(wǎng)格布局等高級(jí)布局技術(shù)中，可以讓元素按比例分配空間。

例如：使用CSS網(wǎng)格布局，將HTML中的兩個(gè)元素分別設(shè)置為占據(jù)父元素的50%寬度。
.container{
display:grid;
grid-template-columns:50% 50%;
}
.item{
background-color:#ddd;
padding:20px;
text-align:center;
}

上面的代碼將這個(gè)容器元素設(shè)置為網(wǎng)格布局，然后將兩個(gè)子元素的寬度都設(shè)置為50%，這樣就可以實(shí)現(xiàn)等寬排列。網(wǎng)格布局是一種現(xiàn)代的CSS布局方式，可以提供更加靈活和強(qiáng)大的布局能力。

綜上所述，百分比是CSS中非常常用的單位，它可以讓網(wǎng)頁(yè)具有更加自適應(yīng)和靈活的特性，可以讓開發(fā)者更加輕松地掌控網(wǎng)頁(yè)樣式和布局。