css规范与模块化
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css规范与模块化相关的知识，希望对你有一定的参考价值。
一、文件规范
1.文件按照通用类和业务类进行归档
2.文件使用外联引入，其他一些样式使用内联引入
3.文件名采用小写字母，可适当加中划线，然后使用数字来表示版本
4.编码采用utf-8格式
二、注释规范
1.块状注释：统一缩进，在被注释对象之上
2.单行注释：文字两端空格，在被注释对象之上
3.行内注释：文字两端空格，分号之后
三、命名规范
1.采用分类命名，布局类以g-开头，实际内容以m-开头
2.命名具有可读性且长度适中，适当缩写
3.语义化命名方式
四、书写规范
1.多行书写，便于阅读
2.默认缩进为四个空格
3.css规则内一个空格
4.需要保留最后一个属性值的分号
5.属性书写顺序按照：位置属性——自身盒模型相关属性——显示属性 的顺序来书写
6.尽量少使用Hack，ie6采用_开头，ie67采用*开头，先写ie67的，再写ie6的
7.color命名采用十六进制，且尽量缩写
8.url()文件格式不加引号
五、其他规范
1.<!DOCTYPE html> 顶格开始文档声明
2.闭合标签均闭合，自闭合标签不用闭合
3.属性采用单引号，readonly、checked等属性可以直接写，不用=""
4.采用缩进体现层级，正确嵌套，但不宜太深，影响性能
5.注释：<!-- A --> xxx <!-- /A -->
6.标签属性均小写
7.文件语义化命名，且不能过长
8.保留源文件
9.使用sprite技术来合并图片
10.图片按照模块、业务、页面来划分
模块化的好处
1.利于多人协同开发
2.便于扩展和重用
3.可读性、可维护性好
4.不会导致样式污染
以上是关于css规范与模块化的主要内容，如果未能解决你的问题，请参考以下文章