今天完成的事情：

8-5

·div：一般用于配合css完成网页的基本布局

·span：一般用于配合css修改网页中的一些局部信息

·div与span的区别：div是容器级别标签，span是文本级别标签

·容器级别标签可以嵌套其他所有标签div h ul ol dl li...

·文本级别标签只能嵌套文字/超链接/图片span pbuis stong em..

·元素的显示模式：css中也将标签分为两类，块级元素和行内元素。

块级元素：会独占一行，如果没有设置宽度，默认宽度同父元素。

行内元素：不会独占一行，如果没有设置宽度，默认宽度同内容，行内元素不能设置宽度和高度。

行内块级元素：元素既不独占一行，又能设置宽高 img..

块级元素：p div h ul ol dl li dt dd..

行内元素：span buis stong em ins del。。

·元素显示模式转换：修改元素display属性

转行内 display：inline；

转块级 display：block；

转行内块级：display：inline-block;

·背景颜色：标签背景颜色  background-color

取值：单词 rgb rgba 十六进制

·背景图片：background-image：url（）；

·背景图片平铺：背景图片默认平铺

background-repeat：repeat/no-repeat/repeat-x/repeat-y；

·背景图片定位：background-position

格式： background-position： 水平方向 垂直方向；

取值：具体的方位名词（left/right/center，top/center/bottom）或者具体的像素（要写单位px）

·背景属性缩写的格式
Background：背景颜色 背景图片 平铺方式 关联方式 定位方式；
格式中每一个属性都能被省略
·背景关联方式：默认情况下背景图片会随着滚动条的滚动而滚动，如果不想要这个效果就要修改背景图片与滚动条的关联方式。
Background-attachment：scroll； 默认值，会随滚动条滚动
Background-attachment：fixed； 不随滚动条滚动

·css精灵图：是一种图像合成技术，可以减少请求的次数，以及可以降低服务器处理压力。
精灵图需要配合背景图片和背景定位来使用

联系了切图，发现之前做任务三魔镜的时候切图完全不对啊哈哈哈，明天重新写一下任务一和任务三，对比之前的代码看有没有新的感悟

明天计划的事情：

盒子模型，margin，padding

遇到的问题：

收获：

下载了fireworks，感觉切图及测量都挺方便