发表于: 2018-11-07 20:52:55

3 715


今日完成的事:

今天继续做任务四,并且完成了。收获颇多,开始做的时候,标题栏总是不能紧贴左右两端,最是在请教师兄后,知道了因为浏览器的适应问题,要用这个命令:


还学到了”border:none“是取消输入框边框的命令,

而 “outline:medium”则是可以取消输入框点击出现边框的问题。

分别对元素使用“  display:inline-block;”,并且把他们放在同一个盒子里,就可以让这些元素在同一行显示。

<a href="#" class="div">忘记密码</a>和  div  {background-color: white;border: none;}搭配,则可以让按钮显示出下划线,且无边框的样子,这也是我在做“忘记密码”时学到的,刚开始我以为是在下面加一条横线,然后定位过去,左后在无意间看到一个例子,做了几次实验才学会的,印象深刻啊。

 

以上两个就是做输入框以及在其中加入提示内容的格式,还有个困惑呢,就是做到后面的登录按钮时,学会的,如下图,letter-spacing,是字间距。

为什么要重点说这两个呢,因为这两个打破了我这两天做完任务的一个困惑和认知,原来不是所有的都是要用div来作为前缀,原来div中也可以有其他的命令前缀,恩,因为刚接触,所以有些东西还是认知浅薄,慢慢做任务,相信会越来越好。

哦,对了,还有一个就是标题的那个格式,也是一个新的知识点。style的前五行和body的格式组合,就可以写出标题栏的颜色和三等分的排布。

display flex,弹性布局

今日遇到的问题:

如何对img的图片进行垂直居中,还是有些不懂

今日的收获:

对输入框的制作有了了解。

明日的目标

做任务5



返回列表 返回列表
评论

    分享到