关于 CSS 的重用性

  使用 CSS 大概也有三四个月了,仔细回想了一下这三四个月所写下的CSS,发现都是挺杂乱的。几乎页面的任何一个元素,都有它自己的style,满篇的

float:left;

display:block;

color:#666;

  没有 一种看到就很清爽的样子,而且 给 CSS 文件的大小带来很大的影响。

  回想了下,其实大不必这样,可以采用 诸如以下的代码,来提高重用性,也能让页面的可读性变得更强!

  

fl{float:left;}
fr{float:right;}
w1200{1200px;}
black {color:#000;}
bold {font-weight:bold;}

  CSS 这样写后,只需要在 需要该样式的元素的class,把class 添加上去即可。

  <div class="fl w1200 black bold"></div>

  不过虽说这样会提高 CSS 的重用性,能省下CSS里不少的语句,但不是没有弊端的!

  如果需要 字体颜色 从 .black 改为 .red ,这时候是将 页面上的 class 全部换成 red 还是 直接去CSS里把 black{color:red;} ?

  前者费心费力,后者更是不现实。

  所以,个人理解为   CSS 可以稍微提高 重用性,但是不能太依赖,不然以后修改起来,工作量也不少!

原文地址:https://www.cnblogs.com/linjilei/p/5093190.html