样式设计中总结的一些要点

1，normalize.css的使用:比较cssreset来说，normalize更加的适用。保护有用的浏览器默认样式，而不是完全清除，修复浏览器自身的bug，保证各浏览器的一致性，优化css样衣，适用normalize需要先在官方下载，然后通过lingk标签进行引入》《 link rel=”stylesheet” href=”../css/normalize.css”》（这里用书折号来代替单折号）
2，关于rem,px,em;px是固定像素值，不随任何其他元素变化，em是相对长度单位，基于其父元素的font-size，如果父元素没有设置font-size，就一直往上找，如果一直没有找到，浏览器有一个默认设置，既1em=16px，但容易造成混乱。rem是基于根元素html来计算的，如果html没有设置font-size，默认1em=16px，（默认html的font-size为100%）如果html设置font-size为62.5%，1rem=10px。
3，任何元素设置.center-block会在其父元素中居中显示。
center block{display:block;margin-right:auto;margin-left:auto;}
4,transparent:全透明黑色的速记法，类似于rgba（0,0,0,0），css3中被延伸到任何一个有color值的属性上。color：transparent；
5，清除浮动的几种方法：a:在浮动元素下面，大容器里面增加一个空标签，例：《div style=”clear:both”》《/div》
b:大容器里加上overflow：auto或hidden
c:让父元素本身也浮动起来
d:添加一个伪类，添加一个看不见的元素,给浮动元素的容器添加一个after，例如： .clearfix:after{
content:”” ;
display:block;
height:0;
claer:both;
visibility：hidden;}
这样写容易造成bfc上下margin-bottom和margin-top的叠加，因此需要加上一个before伪类
.clearfix:before{
content:””
display:”table”;}

6,display:inline-block使元素在同一行
7，calc（33.33%-3rem），自适应布局
8，notice a:first-child{
/这三行样式是一起写的，保证不换行/
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
9，样式中尽量少用position来进行定位。