前端开发之路--关于CSS的若干个小技巧（二）

首先是多余或者没有使用的样式删除掉就好了，减轻css文件的体积，提升文件加载速度。比如一些元素自带的默认样式，就没必要在CSS中再写一遍。（比如对块标签使用时不需要再写'display:block'）

在使用CSS的reset模式时要慎重，虽然这是得到“一张白纸”最直接的方式，但并不是最快和最好的，无谓的对样式重置，比如对压根没用到的标签却依然进行样式重置，以及造成样式的覆盖与重绘，会增加加载时间，是不太可取的，reset模式是要看情况使用。

将CSS中的class当作组件使用。组件的一个特性就是复用，这样可以减轻对CSS文件体积的压力，同时也方便在项目中重复使用，当抽离成合适的组件的时候，也可以在其它项目中得到使用。

将CSS当工具使用，当组件使用，其实可以参考一个很好的案例：BootStrap。ta遵循着一个项目开发的黄金定律：不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。就是突出了规范二字。只需要操作相应的calss便可得到你想要的样式。

之前有流行各种CSS预处理编译器，比如less,scss，sass之类的，就是给CSS引入了mixin概念，还使用的样式变量的概念，据说是为了方便维护CSS代码。但是使用这些预处理器时要注意点：你是否有必要使用。因为无论这些语言写的多么棒，最终是要交给浏览器去解析的，所以有时候直接去书写样式会比使用这些预处理语言更方便，这要根据你书写CSS的体量来选择。在体量较大的情况下，预处理器是有其一定的优势。

避免CSS类的过度嵌套。最多嵌套不要超过四层，因为会很影响渲染的效率，能减少嵌套就减少嵌套。尝试去将ta抽取成为工具类。