task13

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

  • 嵌套元素后缩进。
  • 十六进制值全部小写,并且使用简写。
  • 声明块的右花括号单独成行。
  • 为了代码的易读性,在每个声明块的左花括号前添加一个空格。
  • 为选择器分组时,将单独的选择器单独放在一行。
  • 避免为 0 值指定单位。

之前没注意过太多,之后会尽量遵循http://codeguide.bootcss.com/中给出的编码规范。

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

方法1 通过设置上下padding相同来实现垂直居中。
方法2 通过绝对定位和transform来实现垂直居中。
方法3 通过伪元素和vertical-align:middle来实现垂直居中。
方法4 通过设置display:table-cell和vertical-align:middle来实现居中。
方法5 通过display:flex来实现居中。

3. 实现如下效果,每种效果都只使用一个html 标签来实现

代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容