分享一下我的css命名规范

最近公司工作上分工很明确:

　 策划  ---> 设计   ---> 制作   ---> 功能实现   ---> 测试  

 

我的职责是负责制作（就是前端）

　　在此分享一下我的css命名规范

　　

.bgTransparent｛｝

.fenceEq2{}

.fenceMarRight{}

.imgAuto{}

.imgAutoW{}

.liHasLine li{}

以上是我最常用的几个命名，几乎每个站都会用到。

不知道大家有没有发现他们的共同性，有没有发现，有木有？

即使你没发现我也会写出来的。

共同之处：

　　1. 首字母小写，后续单词首字母大写，骆驼写法

　　2. 开始切入重点：命名都是 能代表自己的名称+动作+属性 (例如：.fenceEq2 == fence+Eq+2  ||  .liHasLine == li+Has+Line)

 

为什么我要这么写 Why？

　　这要追溯到刚毕业的时候，那时候命名都是,举个例子（.banner img{width:100%}这句css是 banner下的图片宽度100%）

　　后来发现一个网站上不是一个地方要用到图片宽度自适应，后来我i改进的写法是.imgAutoW{width:100%}，这样的话可以用在任何图片上，而且任何人都可以理解，而且还不会和.banner挂钩实，现了高度灵活性、重组行

 

 

杰克.邦威|牛仔裤|2012新款|潮流|时尚