Tip1： CSS Resets VS Normalize.css
每个浏览器解析html的时候都存在设置的默认样式差异 ，而 CSS Resets 的出现就是为了统一差异，设置了统一的样式规则 ，规定所有的浏览器按照同样规则去解析css。
Normalize.css 修复了手机端和移动端的显示bug ，给用户更好的体验，并且解决了开发中对于不用浏览器差异进行统一，所以在此还是推荐使用
Normalize.css。
Tip2: px em rem
Tip 3 : 具体样式分析：
设置全局 font-size 大小 进行页面大小适配：
html {
font-size: 62.5%;
color: #222;
}
设置字体选中时候的背景颜色：
::selection {
background-color: #b3d4fc;
text-shadow: none;
}
设置列表无小圆点 并且列表无margin和padding
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
任何元素加上center-block后可以在父元素中居中显示：
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
Tip4: 清除浮动
第一种方式在父组件最后添加 clear:both
第二种方法：给父标签添加 overflow:auto
第三种 ：给父标签也添加浮动
做好的方法：第四种 给父标签添加
拓展：BFC和清除浮动的关系
只要触发了BFC就可以清除浮动。避免高度塌陷。
防止顶部叠加崩溃。 两个块级元素都设置了 margin ，margin间距就会出现叠加，下面的方法就会解决问题。同时会解决浮动的问题。
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
