属性没有章法

存在空规则，属性冲突，没有用Tab排版难看，属性顺序紊乱可读性差

CSS的模块化以及可复用

核心在于不知道如何组织CSS，由于之前没有做过大型项目的经验，所以不会感觉到CSS模块化的必要性，对OOCSS,SMACSS等CSS设计模式所知甚少，比如没有做过类似于以下CSS的模块化过：Base (基本)、Layout（布局）、Module (模块)、State (状态)、Theme (皮肤)，当你没有模块化的经验，就不会深刻理解CSS的编程的必要性。

CSS的性能优化

问题

属性紊乱

样式重复

过渡使用子选择器、id选择器和类选择器限制性混乱

布局和定位

知识点缺失

由于很多人学CSS学的都是w3cshool里面的知识（w3cschool里面的知识过于简单），好像他们也能把网页做得比较漂亮，但是由于不了解响应式设计、media、栅格化等诸多知识，对CSS的研究还停留在表面，写的网页问题也比较多。甚至很多人对CSS3的知识都没有掌握。

响应式设计

media

栅格化

综合提高CSS能力的方法

阅读规范

了解css设计模式

研究css性能

研究Bootstrap等UI框架

学一套前端框架Vue或者React，这样大致就可以提升CSS的层次了

找几个商业级别的设计稿自己拆解重构，比如去一些知名的设计网站去下载ps文档或sketch原稿，把它们用代码复现，而且适配多终端；

去Github看几个有代表性的项目，可以从one single page开始；

解读经典UI框架源代码，了解背后的设计理念；

使用开发者工具“抄袭”分解知名网站的前端网页，多去了解商业级别作品的代码经验；

学习Webpack打包，至少了解Vue，有些网页是用三大框架写的，掌握打包器非常有必要；

阅读前端规范了解团队协作背景下的工程化；

了解CSS预处理器；

去MDN把css的属性整理一下，比如伪类、伪元素，很多人只看了一些书籍、视频教程、或者w3cschool，完全是不够用的，技术文档远比教程教材重要，学任何编程都要把技术文档放在第一位。