样式小结

1.写一个三角符号：（border-width,border-color）
http://www.cnblogs.com/blosaa/p/3823695.html
2.inline-block 间距
http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/
1）float；
2）定位；
3.模块重叠(margin造成的，取的值为较大者)
http://www.cnblogs.com/zhangmingze/articles/4664074.html
1.外层padding
2.透明边框border:1pxsolidtransparent;
3.绝对定位postion:absolute:
4.外层DIVoverflow:hidden;
5.内层DIV　加float:left;display:inline;
6.外层DIV有时会用到zoom:1;
4.box-sizing
1）content-box:
这是由 CSS2.1 规定的宽度高度行为。
宽度和高度分别应用到元素的内容框。
在宽度和高度之外绘制元素的内边距和边框。
2）border-box
为元素设定的宽度和高度决定了元素的边框盒。
就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
3）inherit
规定应从父元素继承 box-sizing 属性的值。
5.清楚浮动的几种方式
1）添加新元素：clear:both;
2）父级使用：overflow:hidden；
3）伪类：:after
.outer {zoom:1;} /==for IE6/7 Maxthon2==/

.outer {    zoom:1;    }    /*==for IE6/7 Maxthon2==*/.outer:after {    clear:both;    content:'.';    display:block;    width: 0;    height: 0;    visibility:hidden;    }   /*==for FF/chrome/opera/IE8==*/

6.一行代码解决浏览器兼容性问题
http://www.frontopen.com/2552.html