- 工具的使用很重要，如果在浏览别人的页面时，需要经常用到开发者工具去找到你想了解的标签样式。还可以从network去看它的请求。
- 让导航栏相对于屏幕固定，与背景图重叠用到了
position: fixed;
top: 0;
left: 0;
脱离了文档流
- 当用到宽度100%的时候，如果还存在padding，那么很容易出现bug，这个时候常用
div标签，用div标签包裹住这个宽度100%的标签，然后把padding写在这个新的div标签。 - 尽量不要写
width: 100%; - 当一个div写了max-width后，想居中，只需要加上margin-left: auto; margin-right: auto;即可
- span不接受设置宽高。
- 养成写line-height的习惯，防止在不同电脑中，效果不同
- 绝对定位的写法：
在子元素上写position: absolute;
在父元素上写position: relative;
这样就知道子元素相对于父元素绝对定位。也是脱离文档流的方法之一。让子元素相对于父元素的第一个relative定位。
这里的top: 100%是指距离父元素的最上方有100%的距离。
