入门任务13

编码规范

命名规范

• 所有命名都使用英文小写
• 命名用引号包裹
• 不同的单词用中横线连接
• 命名体现功能，不涉及表现样式(颜色、字体、边框、背景等)

书写规范

• tab 用两个空格表示
• css的 :后加个空格， {前加个空格
• 每条声明后都加上分号
• 换行，而不是放到一行
• 颜色用小写，用缩写, #fff
• 小数不用写前缀, 0.5s -> .5s；0不用加单位
• 尽量缩写， margin: 5px 10px 5px 10px -> margin: 5px 10px

CSS编码规范：http://codeguide.bootcss.com

垂直居中

• 设置上下padding相等

.ct {
   padding: 40px 0;
   text-align: center;
}

• margin居中

.ct {
   margin: auto 0;
   text-align: center;
}

• 绝对定位实现居中

.ct {
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: 200px;
   margin-top: 200px;
   width: 400px;
   height: 400px;
}

• vertical-align居中

.ct {
   vertical-align: middle;
}
.ct-father:before {
   content: '';
   display: inline-block;
   vertical-align: middle;
}

• table-cell居中

.ct-father {
   display: table-cell;
   vertical-align: middle;
}

• flex居中

.ct-father {
   display: flex;
   align-items: center;
}