发表于: 2020-06-04 22:25:18

1 790


今日收获:

学习了表单input,回顾了外联式css写法,

使用fixed定义了header。

遇到问题,任务要求要使 关闭 注册 登录  处于同一行,且登录居中。

查找资料后

css中编写代码三个class

使三段p分别为

float:left;

text-aligin:center;

float:right


这样三段文字都处于同一行了。


header写完,进行的是input的编写

中间遇到问题,PS切下来的图片与input表单的对齐始终不能解决。

查询资料得知

我们需要给img和input两个元素加上vertical-algin:midddle属性就可以了

所以我们在CSS中这样写

img{vertical-alignmiddle;}
input{width80%;height150pxmargin0px;padding0px;font-size38px;
border0px;vertical-aligncenter;floatright;}

vertical-middle设置元素的垂直对齐方式,middle表示把此元素放在父元素的中部。


明日任务:调试代码上传服务器,完成任务4.



返回列表 返回列表
评论

    分享到