CSS编码规范

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

1. 尽量使用有语义化的标签，如h1,header,main,footer
2. 在给CSS设置属性的时候冒号后面空一格，如background: red;,在{前面空一格
3. 如果CSS属性的大小是0的时候，省略单位，如margin: 0 auto;
4. 给class命名时使用有意义的单词，如container,left-aside;

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

1. 父元素设置上下padding相等

    
    
    


    

        
垂直居中的元素
        
垂直居中的元素
    

效果图1

2. 绝对定位居中，设置定位为绝对定位，top，left设为50%，负margin设为宽度高度各一半

效果图2

3. 给要居中的元素和父元素的before伪元素设置vertical-align为middle;display为inline-block并在伪元素上设置height为100%，

    
    
    


    

        
aaaa
    

效果图3