CSS切圖定位是前端開發(fā)中非常重要的一部分，它可以幫助我們將設(shè)計(jì)師提供的PSD文件轉(zhuǎn)換成網(wǎng)頁界面。在此過程中，CSS的position屬性是必不可少的。

position屬性有以下幾個常用取值：

position: static;   // 默認(rèn)值，不會影響元素的布局
position: relative; // 相對定位，會影響元素的布局
position: absolute; // 絕對定位，不占有任何空間
position: fixed;    // 固定定位，相對于瀏覽器視窗定位

其中，絕對定位和相對定位最常用于切圖定位。

相對定位可以通過設(shè)置top、bottom、left、right屬性來調(diào)整元素的位置，例如：

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

這段代碼將.box元素相對于其原位置向上距離50px，向左移動100px。

而絕對定位可以通過設(shè)置top、bottom、left、right屬性以及父元素的position屬性來定位，例如：

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
left: 0;
}

這段代碼將.child元素相對于.parent元素的左上角定位。

在CSS切圖定位中，還有一個常用的屬性是z-index，用于控制元素的層疊順序。z-index值越大，越靠近用戶，例如：

.box1 {
position: relative;
top: 50px;
left: 100px;
z-index: 1;
}
.box2 {
position: relative;
top: 80px;
left: 130px;
z-index: 2;
}

這段代碼將.box2元素放在.box1元素的上面。

總之，在CSS切圖定位中，position、top、bottom、left、right、z-index都是非常重要的屬性，它們能夠幫助我們比較準(zhǔn)確地實(shí)現(xiàn)網(wǎng)頁設(shè)計(jì)圖。