看看大神的代码
我们先来截图看几段大神写的代码：
首页代码
内页列表
用4个字来概括：惨不忍睹！
那我们来总结一下问题：
问题1：布局和模块没有分开
问题2：ul里面只能是li，不能是span
问题3：命名没有规范，没有规律可言
问题4：响应式错乱，css没有提取复用
来看看我们写的html代码
布局
模块
row-代表行
col-代码列
这样布局是不是很清晰明了
g-代表公用样式的前缀命名
ul-代表列表的前缀命名
这样模块化就简单多了，看到名字就知道是什么了。
如何提升css能力呢？
一般vue和js比较厉害的朋友呢，都比较注重提升js方面的能力，而忽略了css的能力。
还有一些朋友都习惯了用组件，比如elmentui，vantui，antui等等，这些组件拿来就用了，不需要写css，所以造成了自己css写不好的原因。
另外h5有些页面是个性化设计的，没有组件可以哪里就用，所以我们还是需要学点css。
css、html最重要的就是拆模块，只要会“拆”就会做。
了解模块命名、标签规范就ok了。
其实css很简单，只需要掌握基围虾模型就可以了。
了解基围虾模型可以看下面的文章：
15分钟学会基围虾css命名规范，原来命名这么简单
第一课：什么是CSS？如何学好CSS?
元气满满的元有收获？请我喝杯瑞幸？