任务13

平时遵守的编码规范

命名小写并且语义清晰;
节省标签;
class都加上引号;
css尽量缩写属性;
选择器和声明分离。

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

1.绝对定位垂直居中
任务13_第1张图片
绝对定位垂直居中
2.有固定宽度和高度的块元素,设置top:0; bottom:0; left:0; right:0; margin:auto;
任务13_第2张图片
设置margin: auto
3.设置display:table-cell实现居中
任务13_第3张图片
image.png

4.给伪类添加vertical-align:middle垂直居中

任务13_第4张图片
image2.png

任务代码

你可能感兴趣的:(任务13)