说一说你平时写代码遵守的编码规范
- 尽量使用有语义化的标签，如
h1,header,main,footer - 在给CSS设置属性的时候冒号后面空一格，如
background: red;,在{前面空一格 - 如果CSS属性的大小是0的时候，省略单位，如
margin: 0 auto; - 给class命名时使用有意义的单词，如
container,left-aside;
padding相等
垂直居中1 - 锐客网 .container {
border: 1px solid;
padding: 40px 0;
}
.box {
border: 1px solid;
}垂直居中的元素
垂直居中的元素
文章图片
效果图1 2. 绝对定位居中，设置定位为绝对定位，top，left设为50%，负margin设为宽度高度各一半
垂直居中2 - 锐客网 .box {
width: 400px;
height: 300px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -200px;
margin-top: -150px;
border: 1px solid;
}
文章图片
效果图2 【CSS编码规范】3. 给要居中的元素和父元素的before伪元素设置vertical-align为middle; display为inline-block并在伪元素上设置height为100%，
垂直居中3 - 锐客网 .container {
height: 300px;
border: 1px solid;
}
.container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.box {
display: inline-block;
width: 30px;
height: 20px;
border: 1px solid red;
vertical-align: middle;
}aaaa
文章图片
效果图3
