发表于： 2021-07-11 20:40:30
1 987
今天完成的事情：
提交并且通过了任务四，做了一部分任务五。
明天计划的事情：
继续完成任务五。
遇到的问题：
暂时没有遇到问题。
收获：
学会了display:inline-block的用法。
通过任务三深入了解了盒子模型。
另外 贴一点的代码。
学会的按钮怎么做并固定在头部。
<div class="header">
<div class="left">
<button tklype="button" class="register">注册</button>
</div>
<div class="center">
<p>登录</p>
</div>
<div class="right">
<button type="button" class="close">关闭</button>
</div>
</div>
学会使用input。
<div class="phonebox">
<div class="phonelogo"><img src="picture/iphone.png" width="18" height="22"> </div>
<input type="text" placeholder="请输入手机号" maxlength="11" class="phonenumber" /><br>
</div>
<div class="passwordbox">
<div class="passwordlogo"><img src="picture/locked 2.png" width="18" height="22"> </div>
<input type="password" maxlength="16" placeholder="请输入密码" class="passwordnumber" /><br>
</div>
会使用了a标签。
<div class="foot">
<a href="http://www.bing.com">忘记密码</a>
</div>
了解了什么是伪元素及其用法 一般垂直居中都会用到。
.left:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
/* Adjusts for spacing */
}
返回列表
评论