<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>無標題文檔</title>
<style>
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
.container{
????background:#ebf3fa;
????width:190px;
????padding:12px;
????}
form{
????border-bottom:1px?solid?#ccc;
????font-size:12px;
????}
.input-text{
????width:100%;
????height:30px;
????}
form?div{
????margin-bottom:12px;
}
form?a{
????float:right;
????text-decoration:none;
}
.login?input{
????width:190px;
????height:39px;
????background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
}
.reg?input{
????width:190px;
????height:39px;
????background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
????background-position:0?-39px;
}
.user,.pass{
????position:relative;
}
span{
????position:absolute;
????font-size:14px;
????color:#acacac;
????top:10px;
????left:25px;
}
??
</style>
</head>
<body>
<div?class="container">
????<form?method="post"?action="#">
????????<div?class="user">
????????????<input?type="text"?name="user"?class="input-text"?id="user">
????????????<label?for="user"><span>郵箱/手機號/用戶名</span></label>
????????</div>
????????<div?class="pass">
????????????<input?type="password"?name="password"?class="input-text"?id="password">
????????????<label?for="password"><span>請輸入密碼</span></label>
????????</div>
????????<div?class="nex">
????????????<input?type="checkbox"?id="next"?name="next"><label?for="next">下次自動登錄</laber>
????????????<a?href="#">忘記密碼?</a>
????????</div>
????????<div?class="login">
????????????<input?type="submit"?value>
????????</div>
????</form>
????
????<div?class="reg">
????????<input?type="button"?value>
????</div>
????
???
????
</div>
</body>
</html>
2016-01-07
縮減css