发表于： 2017-03-27 22:25:02
1 683
今天完成的事情：今天正式加入线下这个大家庭，气氛很好。买了服务器，终于将task1提交了，等待师兄审核。写了一部分task4，偷学了师姐的display:flex弹性布局，一下子就把用户名文本框给撑起来，超好用。
明天的计划：将task4完善提交，进行task5。
遇到的问题：
1.今天开始写登陆页面时输入框<请输入手机号>太小了，如下图，不能自适应父div盒子，后来查看了师姐日报，偷学了弹性布局flex，一下子就解决了。
2.如下图，中间的竖线不知道怎么写出来，请师兄指点
这是我写了一部分的task4：不知道header部分这样写有木有问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
<style type="text/css">
*{ margin: 0;padding: 0; }
body{ background: #eff0f4; }
.header{background: #5fc0cd;
width: 100%;height: 2.6rem;line-height: 2.6rem;
}
.ahead{float: left ;width: 33.33%}
.middle{float: left;width: 33.33%;text-align: center;font-size: 1.6rem;}
.after{float: right;width: 33.33%;text-align: right;}
p{font-size: 1.2rem;}
.user{width: 100%;height: 3.5rem;background: white;
display:flex; margin-top: 1rem;}
.user input{border: none;width: 100%;font-size: 1rem}
</style>
</head>
<body>
<div class="header">
<p class="ahead">注册</p>
<p class="middle">登录</p>
<p class="after">关闭</p>
</div>
<form>
<div class="user">
<img src="登陆_0005s_0001_iphone.png"><i></i>
<input type="text" placeholder="请输入手机号">
</div>
</form>
</body>
</html>
收获：哈哈哈，收获了一群漂亮可爱的师姐和一群逗比的师兄不知道算不算，从今天开始正式闭门苦修，师兄师姐们真的很努力，让我感受到高三的紧张又自律学习气氛。
返回列表
评论