在网站设计过程中，图片元素的移动是非常常见的需求。而CSS样式则是用于美化、布局和定位网页元素的工具，包括移动图片元素。以下是一些常见的CSS样式，用于移动图片元素。

/* 相对位置 */
img {
position: relative;
left: 20px;
top: 10px;
}
/* 绝对位置 */
img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* 浮动 */
img {
float: right;
margin-left: 10px;
}
/* 弹性盒模型 */
.container {
display: flex;
}
img {
margin: auto;
}

上述代码分别展示了CSS中四种常见的移动图片的方法。

第一种方法：通过设置元素的相对位置，使用left和top属性来使图片相对于原本的位置发生移动。left属性控制元素在水平方向上的位置，top属性控制元素在垂直方向上的位置。

第二种方法：使用绝对位置来根据容器的相对定位把图片放在容器中的特定位置。需要设置父元素为相对定位，然后使用left和top属性来定位子元素。为了使子元素居中，使用transform平移属性。

第三种方法：通过使用浮动CSS属性来移动图片元素。使用float设置图片放在容器中的特定位置，然后使用margin属性来设置图片的边距。

第四种方法：通过弹性盒模型（Flexbox）来移动图片元素。使用display:flex属性使父元素成为一个Flex容器，然后使用margin:auto属性使Flex容器中的所有元素都居中。

在网站设计过程中，需要根据具体需求和网页布局来选择适合的CSS样式来进行图片元素的移动。希望本文能为您提供一些帮助。