悦轩饼家项目页头

（1）主题（目标）：

完成悦轩饼家项目页头部分

（2）完成页面所需要的知识点（重难点）

字体上下居中：用line-height:

页头各个元素位置的排版：用float:left浮动定位

背景图片只取其中的一小部分：用background-position对背景图片的坐标进行定位，从而选取需求的部分图片

调整元素间的间距：margin

（3）完成页面的步骤

首先用一个大的div将要实现的部分括起来，将内容分为三个部分用三个div括起来，再用浮动将三个div进行排版至同一行，div内部各个元素通过对比样板在CSS中调整位置大小和颜色等样式，最后整体对比完成

（4）写页面的过程中碰到的问题，怎么解决的？

问题：一张大图中有很多小图片但只取一个心形背景图片

解决方法：background-image: url("../../cake/img/icon.gif");
background-position: -130px 0px;对大图片的坐标进行定位，再设一个和所需图片大小相近的边框，再调整位置就能解决