CSS小记

1、元素居中：指定宽度，然后margin auto 即可

.middle{
    max-width:400px;
    //width:400px;//当浏览器被缩小，宽度小于元素宽度时，元素会被遮挡，所以应用max-width，会自动缩小元素以适应浏览器大小。这点对手机浏览器很有用
    margin:0 auto;
}

2、把列表元素的display 设为行内元素样式 inline ，可以达到导航栏栏目的效果

3、box-sizing:border-box

　　对于盒子模型，IE早期版本将border和padding算在width内，而css标准则不算在内，这就造成个兼容问题。通过如上设置可以将盒子模型的border、padding算在width内，达到统一的目的；此外，也因而更容易设置盒子的尺寸，因为需要设的尺寸参数少了（少了border和padding）。

4、position:

　　inherent：从父元素继承 position 属性的值；

　　static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）

　　relative：生成相对定位的元素，相对于其正常位置进行定位。

　　fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。

　　absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位（未指明position时默认为static）

5、float:left 能够让被修饰的元素浮动在其后面一个元素的左边；clear:left 能够让被修饰的元素左边没有元素浮动