在CSS中，區域的概念非常重要。其中最基礎的概念就是x和y坐標軸。

在CSS中，我們通常使用x軸表示水平方向的位置，而y軸則表示垂直方向的位置。CSS區域的原點（0,0）通常定義在左上角。

Y
^
|
|
|
|
|
|
└────────────────>X
0

使用CSS時，我們經常需要指定區域的大小和位置。這就需要使用width、height、left和top屬性。

width屬性可以指定區域的寬度，而height屬性可以指定區域的高度。左側距離可以使用left屬性進行指定，上方距離可以使用top屬性進行指定。

.my-box {
width: 100px;
height: 100px;
position: absolute;
left: 50px;
top: 50px;
}

在上面的例子中，我們給一個類名為my-box的元素設置了width和height屬性，分別指定了元素的寬度和高度大小。position屬性被設置為absolute，表示這個元素需要根據頁面進行絕對定位。left和top屬性分別指定了元素的水平和垂直位置。

通過這些屬性，我們可以對元素進行定位和大小調整，從而實現我們想要的頁面布局。