CSS综合

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

• 命名技巧

  • 语义化标签优先
  • 基于功能命名，基于内容命名，基于表现命名
  • 简明、明了、无后患
  • 所有命名都使用英文小写
  • 命名用引号包裹
  • 用中横线链接
  • 命名体现功能，不涉及表现形式（颜色/字体/边框/北京等）

• html编码规范

  • 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。
  • 嵌套元素应当缩进一次（即两个空格）。
  • 对于属性的定义，确保全部使用双引号，绝不要使用单引号。
  • 不要在自闭合（self-closing）元素的尾部添加斜线
  • 不要省略可选的结束标签

• CSS编码规范

  • tab用两个空格表示
  • CSS的：后加个空格，{ 前价加个空格
  • 每条声明后都加上分号
  • 换行，而不是放到一行
  • 颜色用小写，用缩写#fff
  • 小数不用写前缀，0.5s -> .5s；0不用加单位
  • 尽量用缩写，margin： 5px 10px 5px 10px —> margin： 5px 10px；

  更多关于编码规范的知识点

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

• 绝对定位实现居中

  链接

• 上下padding相等实现居中

  链接

• vertical-align实现居中

  链接

• table-cell实现居中

  链接

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

链接