CSS综合

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

• 语义化标签优先；
• 基于内容、功能、表现命名，使用小写，简略明了无后患，用中横线连接；
• css的 :后加个空格， { 前加个空格；
• 每条声明后都加上分号；
• 使用换行和缩进使得代码更整洁
• 相关的属性声明应当归为一组，并按照下面的顺序排列：
  1、Positioning
  2、Box model
  3、Typographic
  4、Visual
• HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性：
  1、 class
  2、id, name
  3、data-*
  4、src, for, type, href, value
  5、title, alt
  6、role, aria-*

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

1.绝对定位
2.用vertical-align实现
3.用table-cell实现

3、实现如下效果，每种效果都只使用一个html 标签来实现 效果范例

链接