一 .今天完成的事情

1.学习css外边距

围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。

设置外边距的最简单的方法就是使用margin 属性，接受任何长度单位、百分数值甚至负值。

h1 {margin : 10px 0px 15px 5px;}
p {margin : 10%;}

与内边距的设置相同，这些值的顺序是从上外边距 (top) 开始围着元素顺时针旋转的：

百分数是相对于父元素的 width 计算的。

值复制

• 如果缺少左外边距的值，则使用右外边距的值。

• 如果缺少下外边距的值，则使用上外边距的值。

• 如果缺少右外边距的值，则使用上外边距的值。

• margin-top

• margin-right

• margin-bottom

• margin-left

CSS 定义了一些规则，允许为外边距指定少于 4 个值。规则如下：

一个规则中可以使用多个这种单边属性

2.初始编码，完成div初始布局

分为4大块

3.学习ps切片

切片工具，是切图最重要的工具，在美工图上直接可以画好要切出的图片区域，最后即可导出为可以使用CSS布局的图片素材。

二 .遇到的问题

1.图片怎么从本地引用改为网站引用啊～还是上传到GitHub储存吗。。

2.网站布局只是直接切片，再拼图片？不用把元素导出为图片，再各种排版吗～

三.明天的计划

1.学习通过在head标签内使用link标签进行引用外部文件的方式，将css样式文件引用到html中

2.继续学习切片

3.自适应，调试。

四.今日收获

学习到css 外边距的各种设置方式；ps切图需要用到的各种工具。