CSS中的百分比是用來表示相對于其他元素的大小比例的單位。
.box { width: 50%; height: 50%; }
在上面的代碼中,盒子的寬和高都是50%,這意味著它的大小會相對于其父元素的大小來調(diào)整。比如,如果它的父元素大小為400px x 400px,則該盒子的大小為200px x 200px。
百分比也可以用于設(shè)置元素的字體大小、線高、邊框厚度等。例如,下面的代碼將設(shè)置段落的字體大小為其父元素高度的25%。
p { font-size: 25%; line-height: 150%; border: 2px solid black; }
總之,CSS中的百分比可以幫助我們輕松地實現(xiàn)響應(yīng)式設(shè)計,使我們的網(wǎng)頁可以適應(yīng)不同屏幕大小和設(shè)備。如果您還不熟悉百分比的使用,建議多多嘗試并學(xué)習(xí)其用法。