编码规范
2017-08-05 本文已影响1人
DeeJay_Y
命名技巧
- 语义化
- 语义化标签优先
- 基于功能命名，基于内容命名，基于表现命名
- 简略，明了，无后患
-
命名范例
都使用英文小写，用引号包裹，用中横线连接，体现功能，不涉及表现样式 -
常见命名
- wrap/.wrapper
- .container/.ct
- .header
- footer
- aside/sidebar
- .content
- navigation
- pagination(分页)
- tabs/.tab
- breadcrumbs 面包屑，导航列表
- dropdown 下拉菜单
- thumbnail 小图像，头像
- panel 面板
- tooltop 鼠标放上去的提示
- popup 鼠标点击弹出的提示
- subnav 二级导航
- message/notice
- summary
- register
- banner 广告条
- modal/dialog 弹窗
css规范
- tab用两个空格表示
- css的：后加个空格，{前加个空格
- 每条声明后都加上分号
- 换行，而不是放到一行
- 颜色用小写，缩写
- 小数不用写前缀，.5s； 0不加单位
- 属性尽量缩写
- 属性的声明顺序
- positioning(position)
- Box model(margin,padding,border,width,height,display)
- Typographic(文字相关)
- Visual(视觉相关)
