HTML读书笔记（1）

今天测试下html学习的过程，可是目前发现一个问题。

<div><p style="width:80px;height:80px;background-color:#00F;">p2</p></div>
<div>块</div>

<div style="width:80px;height:80px;background-color:#00F;"><p>p2</p></div>

这两种效果是不一样的。可以说 是很大的不同，一个是位置，一个是下面的换行边距。暂时不太理解。先记下来。

解决了（但是也说的不是很清楚）。因为div标签是没有默认的margin值得，而p标签有。当div存在内容，后面的标签就是和div标签 相邻，这时候没有外边距，另外p 标签是有外边距的，所以在div标签内那个状态，但是当设置p后，p标签有外间距，所以就会和第一个图那样。在div标签里，它并没有显示他的外边距。KO。