CSS 小技巧

css 无效属性解析失败,js 中 style 读取不到 // cssText 可以
  • css 属性值溢出边界时使用最近的边界值,如 opacity: 100 === opacity: 1
  • 每当你写CSS时,你想尽可能的回到树形顶部。换句话说,回到 :root。在树支上写样式,而不应该在树叶上写样式
  • 样式总是作为特定属性组合出现,一个很好的例子就是 colorbakground-color 的组合。
  • 使用动态值,比如 currentColor 和 em 等
  • 打印时有些颜色不会显示,是因为默认 `color-adjust: economy`
  • overscroll-behavior 禁用 chrome mobile pull-to-refresh // 应该也能禁止橡皮条动画
  • touch-action 只有在块上才有用 // 至少 chrome 如此