随笔 - 22  文章 - 0 评论 - 1 阅读 - 7840
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

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

float:left;

display:block;

color:#666;

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

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

  

1
2
3
4
5
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 可以稍微提高 重用性,但是不能太依赖,不然以后修改起来,工作量也不少!

posted on   小玥光  阅读(509)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示