发表于: 2018-11-10 21:51:16
1 862
今天完成的事情:
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进行页面布局。
明日目标:任务二的深度思考阅读查询剩下的部分。
调试任务一九宫格的外边距,现在发现数值有点问题。
继续任务三。
评论