内容在这里

1.png不采用任何样式时,使用p标签,文本默认与上端会有空隙。

内容在这里

1-1.png有效

内容在这里

1-2.png有效

内容在这里

1-3.png有效,比margin-top距离上边距远

内容在这里

 1-4.png有效,与margin-left距离左边距一样远

内容在这里

 1-5.png添加float:left效果与上面无区别
内容在这里 1-6.png文本内容据上边距无距离
内容在这里 1-7.png无效,不发生变化
内容在这里 1-8.png有效
内容在这里  1-9.png无效,不发生变化
内容在这里 1-10.png有效,与margin-left无差别
 
内容在这里 1-11.png加上float:left,margin-top有效,并且span跟p标签执行后,距离上边距的距离一样。
内容在这里 1-12.png有效
内容在这里 1-13.png有效,与margin-top距离上边距一样。
内容在这里 1-14.png有效,与margin-left距离左边距距离一样,与不加float:left距离一样
总结:
  1. 不采用任何样式时,使用p标签,文本默认与上端会有空隙。而span标签与上端没有空隙,据上边距无距离。
  2. 是否添加float:left对p标签不产生影响,均有效。但padding-top比margin-top距离上边距远,padding-left与margin-left据左边距距离相等。
  3. 不添加float:left,span标签对padding-top和margin-top无效,不发生变化,对padding-left与margin-left有效,且padding-left与margin-left据左边距距离相等。添加float:left,均有效。padding-top和margin-top据上边距距离相等,padding-left与margin-left据左边距距离相等。