zoukankan      html  css  js  c++  java
  • 关于 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 可以稍微提高 重用性,但是不能太依赖,不然以后修改起来,工作量也不少!

  • 相关阅读:
    Activity
    日志
    StringBuffer
    内部类
    接口
    多态
    final关键字
    abstract关键字
    对象初始化
    继承
  • 原文地址:https://www.cnblogs.com/linjilei/p/5093190.html
Copyright © 2011-2022 走看看