码迷,mamicode.com
首页 > Web开发 > 详细

关于 CSS 的重用性

时间:2016-01-03 13:00:03      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

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

float:left;

display:block;

color:#666;

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

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

  

fl{float:left;}
fr{float:right;}
w1200{width: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 可以稍微提高 重用性,但是不能太依赖,不然以后修改起来,工作量也不少!

关于 CSS 的重用性

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!