CSS综合
1. 编码规范
HTML
说一说你平时写代码遵守的编码规范
HTML:
- 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。
- 嵌套元素应当缩进一次（即两个空格）。
- 对于属性的定义，确保全部使用双引号，绝不要使用单引号。
- 对于属性的定义，确保全部使用双引号，绝不要使用单引号。
- 不要省略可选的结束标签（closing tag）（例如，</li> 或 </body>）。
- 为每个 HTML 页面的第一行添加标准模式（standard mode）的声明，这样能够确保在每个浏览器中拥有一致的展现。
- 为每个 HTML 页面的第一行添加标准模式（standard mode）的声明，这样能够确保在每个浏览器中拥有一致的展现。
CSS: - 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。
- 为选择器分组时，将单独的选择器单独放在一行。
- 为了代码的易读性，在每个声明块的左花括号前添加一个空格。
- 声明块的右花括号应当单独成行。
- 每条声明语句后应该插入一个空格。
- 为了获得更准确的错误报告，每条声明都应该独占一行。
- 所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的，但是，如果省略这个分号，你的代码可能更易出错。
- 对于以逗号分隔的属性值，每个逗号后面都应该插入一个空格（例如，
box-shadow）。 - 不要在 值的内部的逗号后面插入空格。这样利于从多个属性值（既加逗号也加空格）中区分多个颜色值（只加逗号，不加空格）。
- 对于属性值或颜色参数，省略小于 1 的小数前面的 0 （例如.5代替0.5。
- 十六进制值应该全部小写，例如#fff。在扫描文档时，小写字符易于分辨，因为他们的形式更易于区分。
- 尽量使用简写形式的十六进制值，例如用
#fff代替#ffffff
2. 垂直居中的方式主要有一下几种
flex 实现垂直居中
table-cell 或者利用table自带属性实现居中
vertical-align实现居中
绝对定位+负margin : 需要居中的对象宽高已知
绝对定位+translate-50% : 不需要固定宽高， 但是会有兼容性的问题
padding 实现垂直居中1：仅适用于父容器高度不固定时
网友评论