今日学习任务3

已完成切片

编写代码。

收获知识：

1.px像素单位，它是一个相对长度单位，px像素是相对于显示器分辨率而言的。任意浏览器的默认字体高度都为16px。

2.margin的值 从上顺时针旋转的 

如{10px，20px，10px，10px}表示 top为10，right为20，bottom为10，left为10。

单边外边距。任务中我们css样式表里就用到了这样的写法

设置了margin-left和margin-right，简单的帮我们定义了两个元素的margin属性。

3.photoshop切图，这个没什么好说的，使用切图工具去掉图层即可。

4.自适应，我们开发网页很重要的一点就是，用户使用移动设备访问，缩放过程中图片文字的大小会被改变，要解决这一问题就需要自适应。

如，我们在<style>里加上

width，控制layout的大小，这里我们设定为device-width为设备的宽度，是设备以常规CSS像素显示的所可以的宽度。

minimum-scale=1.0；maximum-scale=1.0 定义了可视区域的缩放级别为1 

user-scalabel=0，定义了不允许用户进行自由缩放。

这样就可以保证我们使用移动设备访问自己写的网页时不会出现横向滚动条。

遇到的问题，

编写CSS是 为了让文字颜色和位置改变用了

.p{

color：

padding：

}

打开html文件发现文字的颜色和位置未曾改变，

查找资料得知

定义P时前面不能加“.”

明日目标：完成任务3，并深度思考。