前端开发中遇到的奇怪问题集锦--CSS

1.独有一个样式不能渲染到页面

为什么单单这里的center样式不生效呢？

//示例代码-----
.bg {
    background: red;
};

.center {
    width: 1080px;
    margin: 0 auto;
}

.link {
    text-decoration: none;
    color: #999;
}

因为上一个样式后面多输入了一个分号，导致后面紧邻的样式被屏蔽。

2.自定义的样式为什么在Chrome和Firefox中的表现不一致

Firefox 62.0.2和Chrome 68.0.3440.75 中Firefox的line-height默认值是1.3，Chreme的line-height的默认值是1.15，所以为了兼容浏览器应设置body的line-height.