Web前端开发中的CSS开发中的十不要：

 

1.不要滥用类

在有意义的地方使用ID而不要使用类。这是一个使得浏览器可以更快访问DOM元素的方法。

2.不要把一切都扔进一个CSS文件中

分区CSS使其更易于管理。每个CSS文件均可以分解成例如header.css、footer.css等逻辑组件。

3.不要命名选择器为“.red-with-green-dashed-lines”(红绿虚线)

根据页面上的组件命名你的选择器。

4.不要忘记注释

注释在CSS中很是重要，可用来理解每一个样式如何与其余样式关联以及什么颜色方案适用于哪些组件。

 

5.不要惧怕开发工具

如今的每一个浏览器都有本身的一套开发工具，一般是按F12。这些工具在“调试CSS”时相当重要。

6.不要惧怕覆盖

固然，CSS框架，例如Bootstrap和Foundation都较为巨大，但每个都须要根据你的须要作出一点调整。当你获得一个更新的框架时，它将覆盖你的改变。与其深刻挖掘庞大的CSS文件，还不如建立一个bootstrap-overrides.css文件，按照你的意愿调整框架，只是…

7.不要滥用 !很重要

CSS的总体思路是，从一个到另外一个地“层叠”样式。 !重点是要记住排雷同样地踏遍全部早先的样式。

8.不要使用大量网络字体

这也是显而易见的，但有些人就是喜欢本身排版。只在网站上使用一个或两个(最多三个)网络字体，而后回归到浏览器默认设置，以保持网站的优化。

9.不要手动编码全部的CSS

为了保持CSS的DRY，可使用CSS预处理程序例如LESS或SASS。使用这些预处理器的最大好处是，你能够定义变量。

10.不要让CSS过于“臃肿”

空格会占用CSS文件的空间空间。因为咱们都但愿咱们的CSS可以快速加载，所以在部署到网站以前最好使用CSS压缩工具来一次瘦身

更多web前端学习技巧，经验交流，加群434623999