HTML & CSS 小纪

1. 想要给一个div盒子居中margin:auto;就必须给这个盒子一个宽度

2. 给div一个高度，宽度不给的话，默认的宽度就是浏览器的宽度

3. 在网页布局的时候，文字用 text-align:center 让文字居中。图片最好是包裹在一个div里面使用margin:0 auto 来控制图片居中，这样效果会更好

4. 网页布局的时候，可以先给一个大盒子，然后往里面写内容

5. 因为网站中的图片太多了 所以一般都是给图片套一个父盒子 直接控制盒子要好一点

6. 行内元素如果加上绝对定位 和相对定位还有浮动. 就可以直接设置宽度和高度了

7. 如果本身是块级元素 当加上 绝对定位 或者相对定位之后 在没有给宽度和高度的情况下 默认的盒子的宽度和高度，就是文字的高度

8. 浮动的元素 绝对定位 相对定位 都不会触发外边距塌陷的问题

9. 浮动的盒子不会压住下面标准流的文字/图片，绝对定位和固定定位会压住下面的文字

10. 为什么浮动的盒子不会压住下面的文字呢？
    因为浮动最初设计的目的就是为了实现文字环绕图片的。

11. 相对定位的盒子使用margin:auto也能实现盒子的居中，因为相对定位是不脱离标准流的

12. 行内元素必须给宽高，不然不能够放入背景图片

13. 在用li做竖线的时候，要给ul一个宽度和一个行高，然后再给一个margin-top把竖线挤下来

.header .nav ul {
    /* 给ul一个高度一个行高 */
    height: 25px;
    line-height: 25px;
    float: right;
}
/*---------------------------------*/
.header .nav li:nth-child(3) {
    width: 1px;
    height: 13px;
    background-color: #000000;
    /* 这边在给一个margin-top:7px; */
    margin-top: 7px;
}