一，今天完成的内容；

   为所要用的背景图、头像、小图标切图

    查看学习资料——《CSS Sprite雪碧图》

background-position 属性设置背景

图像的起始位置。这个属性设置背景原

图像（由 background-image 定义）

的位置，背景图像如果要重复，将从这

一点开始。 background-position有两

个属性值， background-position：x | y

用法上可以对其一个属性单独使用

 background-position-x 和 background-position-y。

如果不设置background-position属性值，

那么默认起始位置为background-position：0% 0%。

方向值和百分比的计算方式是一样的，

它们可以相互转换，left：0%，right：100%，center：50%。

如果background-position属性值只设置

一个，那么另一个默认为center。

将需要用到的小图标制作成雪碧图在之后使用，

布局header，让header紧贴顶部，布局列表头

，让列表头紧贴header。

通过搜索引擎查看如何用css模拟下拉框，

将列表头分做3列，分别模拟3个下拉选框

二.明天接着做未完成的任务.

三,如果直接在select中改变下拉箭头的样式能不能

    用雪碧图,

 background: url("task6-7.png") no-repeat;

  在选择框的最右侧中间显示小箭头图片 

    background-position: center right;

    padding-right: 0.4rem;

    outline: none;

这里为小箭头定位了就无法再定位雪碧图了,

有什么更好的的办法?