CSS文件可以通過調整元素的位置來實現坐標的變換。具體實現方法如下：

/*左上角的坐標為(0,0)，正方向向右和向下*/
/*將元素向右移動50像素*/
.element{
position: relative;
left: 50px;
}
/*將元素向下移動100像素*/
.element{
position: relative;
top: 100px;
}
/*將元素同時向右和向下移動*/
.element{
position: relative;
left: 50px;
top: 100px;
}

以上這些方法都需要將元素的position屬性設置為相對定位（relative），這樣才能夠在不改變其他元素的位置的情況下改變元素的坐標。同時，也可以使用絕對定位（absolute）來實現更精確的坐標控制。通過調整元素的left和top屬性以及使用負數值可以實現向左和向上移動。例如：

/*將元素向左移動50像素*/
.element{
position: absolute;
right: auto;
left: 50px;
}
/*將元素向上移動100像素*/
.element{
position: absolute;
bottom: auto;
top: 100px;
}
/*將元素同時向左和向上移動*/
.element{
position: absolute;
right: auto;
left: 50px;
bottom: auto;
top: 100px;
}

需要注意的是，絕對定位的元素會脫離文檔流，因此在進行布局時需要考慮到相鄰元素的影響。同時，還可以通過改變元素的width和height屬性來調整元素的大小。