.c-Btn{
padding:6px 16px;
border:1px solid #446d88;
background: #58a linear-gradient(#77a0bb,#58a);
border-radius: 4px;
box-shadow:0 1px 5px gray;
color:#fff;
text-shadow:0 -1px 1px #335166;
font-size:20px;
line-height: 30px;
text-decoration: none;
}
大量使用了绝对单位,如果我们想换个字体大小,则需要调整的地方有很多。
为了减少代码的重复,我们应该尽可能的将一些存在依赖关系的值,使用相对单位(em/rem/%);
按钮
按钮
按钮
按钮