发表于： 2019-07-18 23:58:15
1 829
一、今天完成的任务
任务7第二个界面代码的编写
二、明天的计划
完成第二个页面和第三个页面的编写
三、遇到的问题和思考
原本做headr时用的img标签，结果发生了意外，最后改成了background来插入图片。
意外的过程是下面这样的：
在body上直接分别放上img和文字，就像下面的图这样，
img贴在左上角，但文字跟图片既不是头部对齐，也不是底部对齐，而是错位的，很奇怪。
加入font-size:100px后，变成了这样：
图片居然向下移动了，或者说，图片上方空出来很大一部分，但图片上下部分仍然跟文字不对齐。
然后再加大图片尺寸，又变成了下面这样：
图片下边和上图在一样的位置，加大尺寸，看起来就像是图片长高了。
为啥会这样，图片位置为什么会受font-size影响？
图片尺寸改变为什么是从下往上长，而不是从上往下长？
没搞明白，所以换了方案，放弃了img，改用了background-image来解决问题
有没有大佬来解释一下
四、收获
1、对基础代码的使用更熟练了
2、对页面布局更熟悉了
3、利用css画小图形更熟练了，学会了用css画对话框
返回列表
评论