CSS是Web前端開發中常用的一種技術，它可以控制網頁中的樣式，其中相對屬性在網頁中應用廣泛。

.box {
width: 50%;
height: 50%;
}

相對屬性是指屬性中不定義具體數值，而是依賴于其他元素或者父元素的大小來確定屬性的值。相對屬性有兩種，一種是百分比(%)，另一種是em，rem，vw等。

以百分比為例，我們可以使用百分比來控制元素的長度、寬度、高度、內邊距和外邊距等等。如上述代碼中的width和height就是使用了相對屬性，它表示 .box 元素的寬度和高度都是父元素的50%。

另一種相對屬性em，是相對于父元素的字體大小來確定屬性的值，所以它也適用于長度、寬度、高度等屬性。而rem是相對于根元素的字體大小來確定元素的屬性值，一般我們將根元素的字體大小設置為16px。

.text {
font-size: 1.2em;
padding: 2rem;
}

上述代碼中的 font-size 和 padding 就是使用了em和rem作為相對屬性，其中 font-size 的值是 1.2 倍父元素的字體大小，而 padding 的值是2倍根元素的字體大小。

相對屬性的作用是可以適配不同尺寸的設備或者窗口，使得網頁呈現出更好的用戶體驗。同時，相對屬性的使用能夠減少冗余代碼，提升編碼效率。