CSS3偏移属性可以用来控制元素在网页中的位置。它们是通过调整元素的top、bottom、left和right属性来完成的

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

在上面的代码中，.box类被定位为绝对位置，其在网页上的初始位置是50像素顶部和50像素左侧。因此，该元素的位置和内容会以整个页面为参考框架，而不是网页的其余部分

同时，CSS3还支持偏移属性的负值。当一个元素的top和left属性具有负值时，它会在其初始位置的相反方向移动

.box{
position:absolute;
top:-50px;
left:-50px;
}

上面的代码将使.box元素向上移动50像素和向左移动50像素，这将使其位于网页的左上角，而非其初始位置

除了top和left属性，CSS3还支持bottom和right偏移属性，用于控制元素相对于网页底部和右侧的位置

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

在上述代码中，.box元素的初始位置可能不重要，因为bottom和right属性确定了元素与网页底部和右侧之间的距离。这将使元素放置在与屏幕底部和右侧的固定距离处，而不受浏览器窗口大小的影响