Div+CSS 规则整理 提高效率

2020-05-08 08:40:24易采站长站整理


  搜索:search


  功能区:shop


  标题:title


  加入:joinus


  状态:status


  按钮:btn


  滚动:scroll


  标签页:tab


  文章列表:list


  提示信息:msg


  当前的: current


  小技巧:tips


  图标: icon


  注释:note


  指南:guild


  服务:service


  热点:hot


  新闻:news


  下载:download


  投票:vote


  合作伙伴:partner


  友情链接:link


  版权:copyright


 


2.    class的命名


     (1)颜色:使用颜色的名称或者16进制代码,如


  .red { color: red; }


  .f60 { color: #f60; }


  .ff8600 { color: #ff8600; }


  (2)字体大小,直接使用”font+字体大小”作为名称,如


  .font12px { font-size: 12px; }


  .font9pt {font-size: 9pt; }


  (3)对齐样式,使用对齐目标的英文名称,如


  .left { float:left; }


  .bottom { float:bottom; }


  (4)标题栏样式,使用”类别+功能”的方式命名,如


  .barnews { }


  .barproduct { }


  注意事项::


u      一律小写;


u      尽量用英文;


u      不加中杠和下划线;