最近在重新css, 主要练习css部分的优化
尽可能少改的的情况下,加一个按钮根据自己的需求来进行放大,缩小或是替换颜色
初始样式及代码
在放大或缩小的字体时候,盒子的高度也会随着变化,所以先考虑相关性,将相关联的用倍数表示
如刚才说的字体大小于line-height ,可以改动为
效果一致,但是,改动时候,仅需改动字体大小
进一步优化,如果有父元素,可以将子元素的数据和父元素关联起来
此时,改动父元素的字体大小,就可以控制按钮的缩放,在现实中我们可能还需要替换背景颜色
只需设置背景颜色,就可以实现
注意:background-color无法覆盖掉background