写css的时候有什么通病

前言

简单不等于容易，能写好css的人很少。

选择器运用不好

• 需要了解基本的选择器分类，兼容性
• 知道选择器的权重
• 选择器的优化，推荐大漠文章，链接

另外，你也可以查看我关于选择器的一篇比较详尽的说明文档：css选择器攻略链接

属性了解不到位

大部分人项目中使用的属性局限于基本位置属性，文本属性，而对其他知之甚少。
那么，作为常识，我们需要知道css属性包含的一些常见种类：选择器，盒模型，布局模块，值单位和颜色，定位，层叠和继承，变形，css动画，绘制图形，自定义属性。

项目中的css不构成体系

对样式的命名思想和规范了解甚少，样式代码非常零散，大量冗余。

实现思路不好

样式技巧代码了解的非常少，能实现的样式比较少，或者实现一种样式的代码不够优雅。

眼界不广

没有深入涉猎大量的特效样式代码，也不了解一些css编程思维。

建议收藏关注一些站点：

• w3cpluscss3:链接
• 张鑫旭：链接
• chokcoco博客：链接
• css-trick:链接

建议阅读的书籍：
《css世界》，《图解css3》,《css揭秘》，《精通css》,《css权威指南》

参考文章

• 原文知乎链接：链接
• Performance Impact of CSS Selectors
• Writing efficient CSS selectors
• 101 on Prototype CSS Selectors
• More on CSS Selector Performance
• Don’t use IDs in CSS selectors?
• On CSS Selectors and Performance
• Why you should deeply nest your CSS selectors.
• Selector Performance
• CSS performance, who cares?
• The 30 CSS Selectors you Must Memorize