zoukankan      html  css  js  c++  java
  • 【CSS】规范大纲

    文件规范:

    文件分类 : 通用类 ;业务类。
    文件引入:行内样式(不推荐);外联引入;内联引入。(避免使用Import引入)
    文件本身:文件名。
    编码:UTF-8。

    注释规范:

    块状注释:统一缩进,在被注释对象之上。
    单行注释:文字两端空格 ,在被注释对象之上。
    行内注释:文字两端空格,放分号后面。

    命名规范:

    CSS选择器命名:
    分类命名:如外部wrap命名g-开头内部 m-开头。
    命名格式:大小写(建议小写) 长度(缩写 权衡长度和可读性)。
    语义化命名:以内容语义来命名。

    书写规范:

    CSS书写规范:

    单行或多行。
    空格与分号:
          空格:缩进 2个或4个)规则内空格
          分号:是否保留最后一个属性值得分号
    属性顺序:按属性重要性顺序书写(先显示属性 再自身属性 最后文本属性和其他修饰性属性)
    Hack方式: 如IE6前加_ IE6/7前加*,不要滥用Hack;
    统一属性值:如color怎么写 一般选#xxx,url()里面是否有引号 单引或双引

    其他规范:

    文档声明:首行2顶格开始
    闭合:闭合标签、自闭合标签最后面/要不要
    属性:单引或双引
    层级:用缩进体现层级 标签正确嵌套 嵌套不能太深
    注释相关。
    大小写: 建议标签、属性均小写
    图片规范:
    文件名称:根据语义及图片尺寸。
    保留源文件。
    图片合并。

  • 相关阅读:
    vue this,$set方法
    表格的拖拽排序功能---应用splice方法
    ES6方法的特性总结
    template functional
    scrollTop, offsetTop, pageYOffset, scrollY 的区别
    Sass @mixin 与 @include
    关于Vue中props的详解
    前端开发工具宝典
    前端js开发常用的60种工具方法
    element ui table表格里面插槽的使用方法
  • 原文地址:https://www.cnblogs.com/zachary93/p/6136762.html
Copyright © 2011-2022 走看看