今日完成工作：
今天主要完成的是任务三中的设计，任务三主要是要求我们把一些图形给截取下来（下载和选择ps工具花了不少时间），由于初学图片仅能截取为矩形的形状，所以在背景颜色的选定上要能够和图像一致，截取下来的图形通过img的指令将它体现到网页中去，图像的大小可直接在指令内部定义如下图

<div class="bac"> 

        <img src="D:\切图

\images/task3_03.png" width="30px" height="30px"> 

    </div>

我把图像级的内容全部放在了div的区域块中，可以更好的操作图像，把它放到一个合适的位置（有的需要定宽定高，有的则按照百分比适应）。

文本则是通过<p>这个指令来展示，对于字体段落的设计都能在定义一个类后css完成。如下

    <P class="test">葡萄藤轻游戏专注于桌游领域，提供在线杀人游戏，捉鬼，炸狼堡等多种聚会游戏，以线下聚会桌游道具。</P>

最后完成了对任务三页面的初步设计。

明日要完成的工作：

明天要对任务四进行一个熟悉，主要的性能是有一个表单的形式，要补的基本知识还有比较多需要在多看一些知识点才能尽快融入到任务中来。

遇到的问题：

今天遇到的主要问题是我对于html调用的css类这个知识点知道的还不够所以导致，认为一个css文件就只能够写一个类，原来我们在head的部分只要有一个css文件其中有多种类均是可以调用他们的。

今天在任务三的页面设计结尾部分，有两段小文本，需要放置在图片的下方，由于受到之前看浮动的章节影响，一直想要用父层嵌套子层的方式把一行的文本放在一个div中，没考虑到上方图片设置了浮动的方式脱离了文档流，所以怎么设置文本框的外边距或者内边距都移不到相应的位置，还会落入两个图片的中间去。最后才明白只要在对应的图片div中加入文本便可以轻易的做出调整了。

收获：

在上海的日子感觉每天都在吸收着好多的知识，希望在css中的内容我能不断理解不断掌握，做出页面优质，结构简单的页面来，继续加油！！！