模仿的第二个页面，需注意其中一下注意事项，后有链接解决方法
因为JPEG 包含了 JPG ,JPE,所以img下的JPEG必须改名。
divcss样式参考网站 http://www.divcss5.com/rumen/r122.shtml
遮罩层写法：
.box{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:#000;
opacity:0.7;
}
输入框的写法:
边框样式：border
层级显示：z-inder：2；
清除样式http://www.cnblogs.com/gangerdai/p/6164587.html
让背景透明：background:none;
按钮样式：http://blog.csdn.net/lucherr/article/details/7476941
不要带着空隙操作，另外图片与边框大小要确认清楚、
hr短线http://jingyan.baidu.com/article/af9f5a2d37342c43140a4500.html
hr居中
<center><hr width="72%" align="center" color="#d9d9d9" size=1;></hr></center>
图片无限滚动：http://jingyan.baidu.com/article/e4511cf3122da32b845eafb3.html
div里面的内容居中：http://www.divcss5.com/shili/s547.shtml
http://jingyan.baidu.com/album/020278118324f51bcc9ce581.html?picindex=1
前端三角形：http://www.daqianduan.com/4721.html
字体间距：letter-spacing:15px
div与图片直接的空隙：display:block 意思是：让对象成为块级元素(比如a，span等)。
一般的块级元素诸如段落<p>、标题<h1><h2>...、列 表<uL><ol><dl> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素 则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........
块级无素的显著特点是：每个块级元素都是从一个新行开始显示，而且其后的无素也需另起一行进行显示。
http://www.cnblogs.com/tangge/archive/2011/02/16/1955777.html
-----------
.text{text-indent:2m}首行缩进
如何让DIV固定在页面而不随着滚动条随意滚动
http://jingyan.baidu.com/article/0964eca23e0ecc8285f5360d.html
http://www.cnblogs.com/kally/archive/2011/07/24/2115401.html
---------
css点击效果https://zhidao.baidu.com/question/165562447.html
--------
li里的a居中
https://segmentfault.com/q/1010000008197020
https://zhidao.baidu.com/question/367907782050084444.html
输入框变颜色
http://jingyan.baidu.com/article/f3e34a12a53fd7f5eb6535ae.html
-----
按钮变色
.mybtn:hover {
background: #f47c20;
}
模仿的第二个页面，需注意其中一下注意事项，后有链接解决方法，取材他人，并非原创，实在惭愧,谢谢。
----
