css的命名

字体大小选择（这是ui的范畴）标题和大字48px45pxh142px32px28px文章字体25px24px22pxtips20px盒子模型手机最外层一般margin为10或15参考网址：搜索张鑫旭的文章css文件命名某个人如梁成写的，文件名写为：lc.csscss选择器命名1.命名关键词布局类：wp,row,col-,header,footer,container,main,content,aside,page,section包裹类：wrap,inner区块类：region,block,box结构类：hd,bd,ft,top,bottom,left,right,middle,col,row,grid,span列表类：list,item,field主次类：primary,secondary,sub,minor大小类：s,m,l,xl,large,small状态类：active,current,checked,hover,fail,success,warn,error,on,off导航类：nav,prev,next,breadcrumb,forward,back,indicator,paging,first,last交互类：tips,alert,modal,pop,panel,tabs,accordion,slide,scroll,overlay,星级类：rate,star分割类：group,seperate,divider等分类：full,half,third,quarter表格类：table,tr,td,cell,row图片类：img,thumbnail,original,album,gallery语言类：cn,en论坛类：forum,bbs,topic,post方向类：up,down,left,right其他语义类：btn,close,ok,cancel,switch;link,title,info,intro,more,icon;form,label,search,contact,phone,date,email,user;view,loading…1英文堆叠起来如：我们要定为到个人中心的头像.personInfo.personInfo.userIcon.ico优点：易懂（看到样式名字，很容易知道是那个页面，页面的那一块，这块的那一个节点）缺点：层级关系不好控制，常常会超过三个层级关系。最重要的表现，你会发现选择器名字比样式属性的字节还多2用“-”来连接如：我们要定为到个人中心的头像.per-info.per-I-uIco.ico优点：很容易控制层级关系的个数缺点：初看不易区分，要细看（英文要熟悉，你会发现词汇量不够用，其他页面的英文名字前几个字母重复）如何用，主要看这两套方法的应用场景，但这里不去叙说，我将两种方法综合.personInfo.per-I-uIco.ico特注：模块化命名（这个比较进阶，咱公司项目最好不用）最好的参考例子是bootstrap模块化的命名方式非常想第二种表单常用名signin登录signon注册login登录reg注册share分享