CSS-背景图

1. 工具的使用很重要，如果在浏览别人的页面时，需要经常用到开发者工具去找到你想了解的标签样式。还可以从network去看它的请求。
2. 让导航栏相对于屏幕固定，与背景图重叠用到了

position: fixed;
top: 0;
left: 0;

脱离了文档流

3. 当用到宽度100%的时候，如果还存在padding，那么很容易出现bug，这个时候常用div标签，用div标签包裹住这个宽度100%的标签，然后把padding写在这个新的div标签。
4. 尽量不要写width: 100%;
5. 当一个div写了max-width后，想居中，只需要加上margin-left: auto; margin-right: auto;即可
6. span不接受设置宽高。
7. 养成写line-height的习惯，防止在不同电脑中，效果不同
8. 绝对定位的写法：

在子元素上写position: absolute;
在父元素上写position: relative;

这样就知道子元素相对于父元素绝对定位。也是脱离文档流的方法之一。让子元素相对于父元素的第一个relative定位。
这里的top: 100%是指距离父元素的最上方有100%的距离。