zoukankan      html  css  js  c++  java
  • 编写高质量的CSS代码,规范建议

    网上收集整理的一些比较好建议

    id和class的命名在保持语义性的同时尽可能的短.
           不推荐的写法:#navigation {} .atr {}
           推荐的写法  : #nav {} .author {}
            可以缩写单词,但缩写后务必能让人明白其含义。比如author缩写成atr就非常费解。
           参考链接: http://www.36ria.com/5249

    属性书写顺序,首先定义显示属性
           推荐的写法  :.selector{float:left;300px;height:200px; font-size:14px;color:#f36;}
           不推荐的写法:.selector{font-size:14px; color:#f36; float:left; 300px; height:200px;}
          这样,就可以从CSS 规则中靠前的定义获得显示版式。 框架为先,细节次之比如写一个浮动容器的样式,我们应该先让这个容器的框架被渲染出来,让大家看到基本的网站框架。然后再再去渲染容器里面的内容。最终呈现给用户. 通常像 color font padding 之类的,写在后面。
          参考链接:
                http://www.qianduan.net/css-code-readable-tips.html
                http://code.google.com/p/mappn/issues/detail?id=1
                http://aliceui.com/css-spec/

    属性书写顺序,有因才有果
          不推荐的写法: span{ margin-bottom:10px; display:block; }
          推荐的写法  : span{ display:block; margin-bottom:10px; }
          如果想让一个 span 使用 margin, 那么我们应该这样写:span{display:block;margin-bottom:10px;} 而非 span{margin-bottom:10px;display:block;}。因为没有 display 之前,行内元素是没有 margin 的。
          参考链接:http://aliceui.com/css-spec/

    其他....
          

  • 相关阅读:
    PAT 1038. 统计同成绩学生
    PAT 1037. 在霍格沃茨找零钱
    PAT 1036. 跟奥巴马一起编程
    PAT 1035. 插入与归并
    PAT 1034. 有理数四则运算
    PAT 1033.旧键盘打字
    [转载]信号处理基础知识——加窗windowing
    On the use of spectrogram function in matlab
    [转载]【MATLAB】pwelch函数的相关参数解释
    [转载]时频特性分析(Matlab)
  • 原文地址:https://www.cnblogs.com/rentj1/p/2538639.html
Copyright © 2011-2022 走看看