• 说一说你平时写代码遵守的编码规范

1.命名时
1.）最好使用语义化标签
2.）基于功能命名、基于内容命名、基于表现命名
3.）简略、明了、无后患

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

参考：

• 前端代码规范及最佳实践

• google html css编码规范

• bootstrap 编码规范

• 命名这货真难

• 垂直居中有几种实现方式，给出代码范例

有五种

• 设置上下padding相等，实现垂直居中；

图一

• 绝对定位实现（图二场景）垂直居中

图二

• vertical-align实现居中

Paste_Image.png

Paste_Image.png

• 使用table-cell实现垂直居中

Paste_Image.png

• 用display: flex;实现垂直居中

Paste_Image.png

• 完成如下页面, 附上线上预览地址

文章著作权归饥人谷_sunny和饥人谷所有，转载须说明来源