css 世界 笔记

目前阅读进度 40%，书很赞，建议购入！

今天碰到的问题就是 box-sizing 乱用的情况。

1. 带来不必要的性能消耗
2. 影响 element-ui datepicker 组件的 样式

错误代码

*,:after,:before{box-sizing:border-box}

根据书中记录，box-sizing: border-box 发明的初衷是为了解决替换元素宽度自适应问题。

合理的使用：

input, textarea, img, video, object {
     box-sizing: border-box;
}

normalize.css就没这么写。