发表于： 2019-02-14 22:01:44
1 883
一、今天完成的事情：
1 做好了文字布局，理解了rem。
布局：文字外面留白的一圈就是body的padding，竖向元素之间的距离用margin来调整。
各种距离的设定：
用rem作为距离单位，rem的依据是根元素，html{font-size: 50px;}设置了rem根元素的值，1 rem = 50 px = 一个字。目测距离的时候，看一下距离大概是n个字，也就是n个rem。
颜色：在ps里用取色器吸一下，可以生成十六进制代码。
二、计划明天要完成的事情：
切图，并加入所有图片到网页中。
准确理解各种距离单位的区别。
三、遇到的困难：
才发现文字外横向的留白边距可能设置错了，因为示例中的屏幕宽度增加的时候，边距也增加了。而我做的边距是不变的。目前的思路是横向的边距改成百分比，竖向的还是用rem。
明天再研究。
四、收获
学会用class
附：github生成预览html网址的方法
返回列表
评论