今天完成的事

1.修改文字样式，使其在移动端不同的分辨率模式下高度不变。

css文件中修改p元素的内边距 设定为单位为em 实现了文字在不同分辨率下保持同位置的功能。

padding-top:5em; /*设定上内边距为5em 实现保持在不同分辨率下高度不变的功能*/

2.

css文件中修改h1设定logo绝对居中

text-align: center; /*设定logo绝对居中*/

3.缩小三张png图片的大小 并让文字换行在图标下面居中

<img src="logo.png" height="30" >

<img src="图标1.png" height="40"><br/>22222222

<img src="图标2.png" height="40"><br/>BJPTTeng

text-align: center;       /*设定文字绝对居中*/

4.

设定文字颜色

color: rgb(255, 255, 255);/*设置字体颜色*/

5.设定文字大小

font-size: 0.2em;         /*设定字体大小为0.2em*/

明天计划的事

1.调整整体布局

2.优化细节

3.想办法设置自适应无论任何分辨率下都保持整体布局

遇到的问题

页面缩到最窄会内容会变形

在CSS文件里引用图片做 上传到服务器会不显示（图片已经上传服务器）

body {
    background-image: url("图层 0.png");/*使用图层 0为背景图*/
    margin: 0px;                        /*去掉默认margin*/

然后我思考了一下  应该是引用“http://118.126.113.248/jnshu851/XXX.png”这样的地址才能有效 而不是引用本地文件 这个问题留待明天我修改验证看是否成功。也有可能是背景图的命名当中有空格导致，因为我直接访问“图层 2.png”显示404错误。而其他图片则能直接访问"http://118.126.113.248/jnshu851/logo.png"。最大一种可能是我没有在html文件里引用而是在css文件里引用，所以导致这个错误。

收获.0

.1.知道使用height来调整图片大小

02.学会使用ps cc来导出图层