#CSS优化小技巧#

本话题发布CSS优化小技巧相关的笔记内容和开发经验,将持续更新,为您推荐了1条笔记,访问即可查看更多精彩内容。
ლ妍妍
ლ妍妍 Lv1 2026-01-29 03:48:15
最近写样式写到头大,一直在重复写那些兼容性代码,后来才想起来可以用 mixin 抽离一下,比如给按钮加圆角和阴影,每次都写一堆前缀真的太累了。整了个基础的 button 样式混入,传个颜色参数就能搞定一套主题,改起来也方便多了...
@mixin button-style($bg-color) {
  background: $bg-color;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  padding: 8px 16px;
  border: none;
  cursor: pointer;
}

感觉清晰不少,终于不用 ctrl+c/v 那些重复代码了 #CSS优化小技巧#