1.说一说你平时写代码遵守的编码规范
-
命名技巧
- 语义化标签优先
- 基于功能命名，基于内容命名，基于表现命名
- 简明、明了、无后患
- 所有命名都使用英文小写
- 命名用引号包裹
- 用中横线链接
- 命名体现功能，不涉及表现形式（颜色/字体/边框/北京等）
-
html编码规范
- 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。
- 嵌套元素应当缩进一次（即两个空格）。
- 对于属性的定义，确保全部使用双引号，绝不要使用单引号。
- 不要在自闭合（self-closing）元素的尾部添加斜线
- 不要省略可选的结束标签
-
CSS编码规范
- tab用两个空格表示
- CSS的：后加个空格，{ 前价加个空格
- 每条声明后都加上分号
- 换行，而不是放到一行
- 颜色用小写，用缩写#fff
- 小数不用写前缀，0.5s -> .5s；0不用加单位
- 尽量用缩写，margin： 5px 10px 5px 10px —> margin： 5px 10px；
更多关于编码规范的知识点
2.垂直居中有几种实现方式，给出代码范例
-
table-cell实现居中
3.实现如下效果，每种效果都只使用一个html 标签来实现
效果
