css编码规范_html/css_WEB-ITnose

* 约定： 以下事例代码中所用单位均为 rem ，关于 rem 单位的使用可参照 《移动端web app自适应布局探索与总结》

1 命名

1.1 文件命名

常用的文件命名：

全局：global.css

结构：layout.css

模块：module.css

主题: teemes.css

较长文件名必须以 - 中横杠符连接，项目里面的私有样式文件：项目名-业务模块名称.css。

例:

/* 项目名为clout *//* good */clout-home.css/* bad */cloutHome.css; 

1.2 选择器命名

（重要） 在不是必须的情况下尽可能不用id选择器。

选择器名字全小写，不得使用大写。

较长选择器名字之间使用-中横杆连接。

当判断容易出现命名冲突的时候，命名需按规则：模块名-你的选择器名，如果出现多层级选择器的情况（应尽量避免超过3级的情况），每个层级间使用-中横杆连接，不建议直接使用嵌套。

例：

/* 选择器名称 *//* good */.mydialog {    font-size: .28rem;} /* bad */.myDialog {    font-size: .28rem;}/* 模块及嵌套 *//* good */
    
        
标题

      
查看更多关于css编码规范_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did109909