1.CSSreset
在HTML标签在浏览器里有默认的样式，例如p
标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE
下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给大家带来麻
烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简
单的说法就是把浏览器提供的默认样式覆盖掉
根据本题提问主要涉及到以下CSSReset
html,body,
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,caption,tbody,tfoot,thead,article,aside,
canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,
section,summary,time,mark,audio,video{margin:0;padding:0;
border:0;outline:0;vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
td,tdimg{vertical-align:top}
2.图片为页面中插入的img，如<imgsrc=”../images/1.jpg”/>
如果已经设置了以上的cssreset，在没有专门设置其它任何间距的情况下，图片默认也是置顶的。
3.图片为背景图片如
div{width:100%;height:50px;background:url(../images/1.jpg)lefttop
no-repeat;}其中的lefttop就是定义图片位置的，让图片水平居左垂直居上显示，也就是说此时图片也是置顶的；lefttop
也可以换成数值如background:url(../images/1.jpg)00no-repeat;
