浏览器有一些默认的内置样式:比如页面顶部或者四周的间距,就是你描述的这种“有个空”的现象。
这种情况, 你要在你的CSS文件的最顶部,添加一行:
html, body { margin:0; padding:0 }
这样就不会有空格了。
因为浏览器的多样化及版本的不同 标签与标签之间、标签与网页之间在不同浏览器内margin、padding、border的初始设定值会不同,为了完善网页兼容性 在写css时通常把这些值进行初始化。通常是都是将数值重新定义为 0。即* { margin:0;padding:0;border:0;}
如果设置了 发现logo还不紧挨着顶部,说明你对logo的定位有问题 需要自己慢慢调整图片的位置
*{margin:0;padding:0}
我们需要对浏览器的默认内置样式进行清除,将以上代码加入到所引用的css文件最顶部
设置网页的上边距为0,margin-top:0px;
开头加上这句:
* {
margin:0;
padding:0
}
表示页面内所有标签外边距和内边距为0.