2020.11.27-网易云项目小结

遇到的问题：
1.在图片的某一个固定位置设置hover
解决：可以先在该位置设置一个块，hover时出现，具体实现代码如下：

.app-down{
        display: block;
        width: 215px;
        height: 55px;
        position: absolute;
        top: 185px;
        right: 16px;
    }
    .app-down:hover{
        background-image: url(../img/download.png);
        background-position: 0 -289px;
    }

2.背景和div同时轮播，可以一起设置，在需要添加背景的div里嵌套一个内容图片，只需要设置一个动画，就可以实现一起轮播。
3.关于input获焦的问题，当input获焦时，里面的文字消失，可以在input下写一个lable标签，当input:focus时，使用下一个兄弟选择器给lable设置display:none;
4.title中的图标设置，先在原网站中找到该图标，是ico格式的，然后链接到网页中

<link rel="icon" href="img/favicon.ico">

5.关于绝对定位的问题，要尽量让布局实现自适应，不使用px布局，用margin:0 auto;

总结：
1.在打代码之前，提前设计好布局，布局要精确到填写内容的前一个块，可以用背景色填充看布局的样式，布局没有问题，再填写内容
2.相同样式，只需要把第一个做完，其余复制，一般内容包含图片，文字，遮罩，精灵图，所以，需要提前想好用哪种布局方式，以及使用什么标签和嵌套关系，思路要清晰
3.设置整体布局用浮动，填充内容时，有图片和文本并排，使用定位或者盒子更方便
4.单行导航尽量不使用块级元素，优先使用文本级元素会更方便，使用ul还需要设置浮动，会脱离标准文档流，加重代码
5.不要怕麻烦怕尝试，要有耐心