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

  • 相关阅读:
    因数最多的数
    剪枝策略
    计蒜客 引爆炸弹(DFS、并查集)
    计蒜客 方程的解数(DFS)
    计蒜客 数独(DFS)
    计蒜客 王子救公主(DFS)
    kuangbin专题 专题九 连通图 POJ 3694 Network
    2019 ICPC Asia Nanjing Regional K. Triangle
    HDU 1875 畅通工程再续
    还是畅通工程 HDU
  • 原文地址:https://www.cnblogs.com/linjilei/p/5093190.html
Copyright © 2011-2022 走看看