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 ”》