HTML基础复习（七）布局-div间距 - 颜如玉墨如花

HTML基础复习（七）布局-div间距

两个div之间的间距

　　练笔过程中疑问导出的知识点

　　问题：两个div之间有缝隙

 

　　

　　效果：

　

 

　　

　　测试：

　　　　由id=menu的div中的<p>元素导致

　　然后搜索学习：

　　　　1、浏览器默认的CSS样式——就像上例，<p>标签的默认样式：{ margin: 1.12em 0 }，这才导致两个div之间有间距，为标签<p>的style属性添加 margin: 0 ;就不会又间距了

　　　　

 

　　　

　　　　　　浏览器都拥有一套自己的默认样式，如果html中没有为标签设置样式，则浏览器会按照自己的样式来显示。但是浏览器默认样式的级别是最低的，一旦有其他地方设置了标签样式，浏览器默认样式就会被冲掉。不同浏览器的默认样式有些地方是不一样的。

　　　　　　WebKit的默认样式表： 《“https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css”》

　　　　　　浏览器默认样式对比表：《“ http://developer.doyoe.com/default-style/ “》

 

　　　　2、CSS中的单位em和rem——《“ http://www.cnblogs.com/starof/archive/2015/08/19/4742581.html ”》

 

 

 

参考文章：《“ http://blog.csdn.net/u013778905/article/details/52886938 ”》