重庆web前端CSS开发中牢记10个不要

1、不要乱用类

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

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

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

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

依据页面上的组件命名你的选择器。例如：”header-left”，”content-title”或”content-date”更具描述性。

4、不要忘掉注释

注释在CSS中非常重要，可用来理解每个款式怎么与其他款式相关以及什么色彩计划适用于哪些组件。

5、不要惧怕开发东西

现在的每个浏览器都有自己的一套开发东西，通常是按F12。这些东西在”调试CSS”时至关重要。

6、不要惧怕掩盖

当然，CSS结构，例如Bootstrap和Foundation都较为巨大，但每一个都需求依据你的需求做出一点调整。当你得到一个更新的结构时，它将掩盖你的改动。与其深化挖掘巨大的CSS文件，还不如创建一个bootstrap-overrides.css文件，按照你的志愿调整结构，仅仅…

7、不要乱用

CSS的整体思路是，从一个到另一个地”层叠”款式。 !要点是要记住排雷一样地踏遍一切新近的款式。

8、不要运用很多网络字体

这也是清楚明了的，但有些人就是喜爱自己排版。只在网站上运用一个或两个(最多三个)网络字体，然后回归到浏览器默认设置，以坚持网站的优化。

9、不要手动编码一切的CSS

为了坚持CSS的DRY，可以运用CSS预处理程序例如LESS或SASS。运用这些预处理器的最大优点是，你可以界说变量，例如在上面界说配色计划，然后重复运用到一切CSS，而不必当你需求修正的时分追寻每个色彩。

10、不要让CSS过于”臃肿”

空格会占用CSS文件的空间空间。由于我们都期望我们的CSS可以快速加载，因此在布置到网站之前最好运用CSS压缩东西来一次减肥

本文原址：http://www.xiechuang.com.cn/News/ShowNew.aspx?tid=11&id=1055