模仿知乎首页编写之背景与布局
刷完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: