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.