知乎首页实战之背景与大体布局

模仿知乎首页编写之背景与布局

刷完w3c的基础教程没有实际的操作，所以在一次偶然的想法驱动下开始模仿写出一个静态知乎登录网页。

背景设置

打开知乎首页查看，之前的文章已经提到了查看网页源码，可以在其中找到背景图地址点开并下载；
在css中添加背景图片，加入底色，设置width和height;

.page {
    background-image: url(bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #b8e5f8;//底色
    background-size: cover;
    width: 100%;
    height: 810px; //footer添加高度，overflow
    overflow: auto;
    padding-right: