1.尽量较少改动时需要编辑的地方
2.当某些值相互依赖时，应该把他们的相互关系用代码表达出来,不要使用绝对值，使用%或者em
font-size:20px
line-height:1.5
3.需要审视到底哪些效果应该跟着按钮一起放大，而哪些效果是保持不变的
4.在css中，相关性是一个很重要的特性，应该思考清楚哪些是相关的。
5.继承：inherit总是绑定到父元素的计算值，作为伪元素，则会取生成该伪元素的宿主元素。
6.展开式写法并不会帮助你清空所有相关的其它属性，因而可能会干扰你想要的效果。
简写是一种良好的防卫式编程方式
垂直居中
main：{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
main:{
margin：50vh auto 0;
transfrom:translateY(-50%)
}
main:{
display:flex;
align-items:center;
justify-content:center
}