1. 说一说你平时写代码遵守的编码规范
结合我自身有限的编码经验,谈谈我目前遵守的编码规范:
(1)尽量选取语义化的标签。虽然未做到100%,但段落、头部、尾部、导航、标题等等元素我都选取最适合的语义化标签进行编码;
(2)元素的id和类名我遵循按功能或内容命名。例如:外侧包裹我取名是wrapper,内容部分取名是content等。
(3)命名用引号包裹。编码时命名都使用双引号包裹。
(4)命名体现功能,绝不设计样式表现。
(5)tab用两个空格表示。对于代码的缩进我严格遵循。
(6)每条样式声明后我都加了分号。
(7)每条样式声明我都换行。
没有做到的规范:
(1)样式声明中的:后没加空格,{前没加空格。
(2)颜色虽然使用小写但没有使用缩写,如:#ffffff -> #fff。
(3)小数仍写前缀,应当省去。如:0.5s -> .5s。
(4)没有尽量缩写样式。对于margin、font这样能缩写的属性有时候还是分开写,应当尽量缩写。
当然还有其他规范,因为目前编码经验有限,以后遇到了再逐步规范。
2. 垂直居中有几种实现方式,给出代码范例
(1)设置父容器上下内边距。
代码1
(2)子容器绝对定位并进行偏移。
代码2
(3)伪类、inline-block、vertical-align结合。
代码3
(4)table-cell实现。
代码4
(5)单行文本用line-height实现。
代码5
(6)flex实现。
代码6