- 说一说你平时写代码遵守的编码规范.
命名规范
(1)都用英文小写
(2)用引号包裹
(3)用中横线连接
(4)体现功能, 不涉及表现样式.css规范
(1)tab用两个空格表示
(2)css的:后加个空格, {前加个空格
(3)每条声明后都加分号
(4)换行, 而不是放到一行
(5)颜色用小写, 用缩写
(6)小数不用写前缀, 0.5s->.5s, 0不用加单位
(7)尽量缩写.
- 垂直居中有几种实现方式，给出代码范例
方法一.
padding-top, padding-bottom相同
适用于父元素没有固定宽高的居中, 父元素的宽高靠内容撑开.
实例:
代码
方法二.
绝对定位 + 负margin(或者transfrom)
实例:
代码
方法三.
vertical-align: middle + 伪元素
适用于父容器有固定的宽高.
实例:
代码
方法四.
line-height + vertical-align: middle
实例:
代码
方法五.
display: table-cell + vertical-align: middle
实例:
代码
- 实现如下效果，每种效果都只使用一个html 标签来实现
