HTML与CSS糖果盒

布局与定位

1. <div>卷标中有图片时，设置好<div>卷标的属性后要单独设置<img>的属性，因为<img>并不会随<div>的属性变化。
2. <p>标签放在<div>中，标签本身带外边距，如果要使得存放<p>标签的<div>无边距，那么需要给<div>设施内边距使得<p>标签内缩消除<div>自动出现的外边距。如果对<p>标签内的文字不要求段间距，也可以直接设置p的内外边距为0。

<style type="text/css">
    p{
	margin: 0;
	padding: 0;
    }
</style>

1. 当外部标签height和内部标签的line-height属性设置为相同值时，内部内容为居中显示。

参考文献

1. 《Head First HTML与CSS》