1新建html文件2创建两个div，并赋予id3为两个div设置宽高和背景，并设置左右浮动4预览效果如图5创建第三个div6为第三个div设置宽高和背景7预览效果如图注意事项随着HTML的成长，为了满足。

1打开sublime text3，并且新建一个html文档和一个css文档2把最基本的html框架写出来3在html的head部分写上编码字符集并引入css文件4在html的body里面写一个div，打上文字并设置一个class名5在浏览器中。

向右偏移15%+22pxhtml 文件代码清单如下lt！doctype html 向右偏移15%+22px CSS绝对定位向右偏移15%+22px lt。

在浏览器中打开2利用CSS样式右移针对第二种情况，可以利用css样式来让图片在原来位置的基础上向右偏移给定值距离修改第一张图片代码如下style=positionrelativeleft10px表示图像在原有位置的基础上向右移动10PX。

其中marginleft就是css中设置外边距的，10px就是你要设置的距离。

向左移动当然是正数left50px向下移动当然是正数top50px这样记既然要向下移动，当然是要远离top顶部了，自然top的属性值要正数既然要向右移动，就是远离左边了，left属性值自然要为正数。

可以设置大盒子的paddingtop和paddingleft把里面内容向右边和下面挤过去，还可以将外面大盒子的position设置为relative，然后设置left和top值，让其位置向下和向右，不懂可以将你的代码私信给我，我帮你看看，再做具体分析。

举个例子，假设你有一个段落元素 ，你想将其向右移动100px如果你这样写CSS代码css p textindent 100px 那么实际上，你只是将 元素内的第一行文本向右缩进了100px，而不是将整个 元素向右移动如果你真的。

来实现图片向左移动当鼠标移动到“向右”按钮上时，则通过调用向右滚动的代码，来实现图片向右移动当鼠标移动到图片上时，则图片不动二虽然通过“向左”“向右”两个按钮，实现了图片的左移和右移，但我想要的。

2在图片代码里面加上margin属性往右移就marginleft，往左移动就marginright3给图片加个class用相对定位做就可以了例imgPlace positionrelative top5pxleft5px*right5pxbottom5px**positi。

你用dreamweavercs4的那里有现成的，直接在编辑器里创建就行了，具体步骤插入spry菜单栏，选项卡式面板，折叠式等，很多然后如果你会css+p的话可以把他们放到你想用的位置，找到相应代码修改下你想要的颜色就可以了。

backgroundposition top left 可以用负值 您需要把 backgroundattachment 属性设置为 quotfixedquot，才能保证该属性在 Firefox 和 Opera 中正常工作。

有动画效果的是css3的transition@keyframesanimation等，css要鼠标移上去后改变状态只能用hover伪类，暂停动画可以用设置animationplaystatepaused，继续动画是animationplaystaterunning 可能需要设置添加webkit等。

6为第三个div设置宽高和背景7预览效果如图注意事项随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿于是CSS便诞生了。

CSS 浮动 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样CSS 浮动 请看下图，当把框 1 向右。

居中显示，可以在图片的父元素，设置CSStextaligncenter。