页面的结构及其命名技巧

head

body

     contain/main

            header

            container

commentBox

commentList

comment

comment-title

comment-msg

commentForm

            footer

   样式可以这样命名 ： 盒子 列表 内容 内容具体部分  

例子：参考图片

好用的命名：

tab tab页签

clearfix 清除浮动

component 组件

input、字体、图标的宽度颜色属性 ，可直接按照宽度 颜色命名。.width360{} .height28{28px;} .text-gray{} .text-white{} .mail-gray{} .mail-green{}