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

posted on 2017-04-17 16:36  颜如玉墨如花  阅读(1631)  评论(0编辑  收藏  举报

导航