入门任务13

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

HTML

• 语义化
  • 语义化标签优先；
  • 基于功能命名、基于内容命名、基于表现命名；
  • 简略、明了、无后患；
• 所有命名都使用英文小写；
• 命名用引号包裹；
• 用中横线连接；
• 命名体现功能，不涉及表现样式(颜色、字体、边框、背景等)；
  CSS
• tab 用两个空格表示；
• css的 :后加个空格， {前加个空格；
• 每条声明后都加上分号；
• 换行，而不是放到一行；
• 颜色用小写，用缩写, #fff；
• 小数不用写前缀, 0.5s -> .5s；0不用加单位；
• 尽量缩写， margin: 5px 10px 5px 10px -> margin: 5px 10px；

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

1.上下padding相等 例一；
2.绝对定位实现居中 例二；
3.vertical-align实现居中 (作用在行内元素或表格) 例三；
4.table-cell 实现居中 例四；
5.flex实现居中

• 例五；
• 例六；

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

代码范例