发表于: 2018-11-10 21:51:16

1 861


今天完成的事情:

1.通过域名访问自己服务器上文件夹中的页面http://47.104.248.130/.

2.阅读深度思考,完成利用Git将代码上传到github

3.开始任务三,首先是了解px,em以及rem区别,px理解为固定值,后两个理解为相对值,可以视窗口分辨率大小做出适应。em继承父级元素字体大小,用em做单位的时候,body选择器中声明Font-size=62.5%,理解为px和em之间的换算公式就可以了。比如,16px等同1080em.

      rem的话相对于em就更新一点,是root em,根em,理解成使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素(这里理解的不清楚)。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。

4.psd文件里的分离保存,把需要的图标拆到了其他新建文件然后保存,以待后用。

5.margin,外边距属性,作用就是给页面留白边,数值设定从上开始,顺时针4个方向写。

margin有个值复制功能,理解为对应填充,

缺少左外边距的值,则使用右外边距的值。

缺少下外边距的值,则使用上外边距的值。

缺少右外边距的值,则使用上外边距的值。

这样可以简便一些操作,左要特殊值的时候就只有老老实实四个值写完。

margin-top

margin-right

margin-bottom

margin-left

上面四个值就是单边外边距设定,见字如面,理解的比较快,想要都在一起写就:margin {margin: 2cm 4cm 3cm 4cm}从左到右就是上右下左。

理解这些之后进行了用div进行页面布局。

明日目标:任务二的深度思考阅读查询剩下的部分。

                 调试任务一九宫格的外边距,现在发现数值有点问题。

                 继续任务三。

                 


返回列表 返回列表
评论

    分享到