在CSS中，使用坐標(biāo)來確定HTML元素在網(wǎng)頁中的位置。當(dāng)我們設(shè)置CSS樣式時，需要指定元素在頁面中的精確位置。

坐標(biāo)分為兩種：絕對和相對。絕對坐標(biāo)是相對于瀏覽器窗口的左上角來定位元素。 相對坐標(biāo)是相對于元素已經(jīng)存在的位置來定位元素。

在CSS中，通常使用4個值來設(shè)置一個元素的坐標(biāo)。這4個值依次表示左邊距，上邊距，右邊距和下邊距。例如：

.box{
position: absolute;
left: 50px;
top: 100px;
right: 50px;
bottom: 50px;
}

這個例子中，.box元素被設(shè)置在(50px,100px)位置，它離父元素的右邊界和下邊界的距離都是50px。

相對坐標(biāo)也可以使用左、上、右、下方法設(shè)置：

.box{
position: relative;
left: 50px;
top: 100px;
right: 50px;
bottom: 50px;
}

當(dāng)使用相對坐標(biāo)時，元素的位置是相對于它的普通位置而定。例如，如果.box元素本來應(yīng)該在(0,0)位置，使用left:50px，top:100px時，改為(50px, 100px)。

坐標(biāo)在CSS中扮演著很重要的角色，如果我們想要一個可視化的布局，就必須要了解如何使用坐標(biāo)設(shè)置元素的位置。