前端初试问题总结（html、css）

一、css代码需要嵌套写，样式尽量不要单独写

二、在一个html文档中，元素的id值必须是唯一的

三、&符号的等价特性

a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #000;
  &:hover {
    color: white;
  }
}

等价于

a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #000;
}
a:hover {
  color: white;
}

四、将最外层容器设置为min-height:100vh，可实现容器占满浏览器页面的效果。这里需要注意的是，最外层容器可以是div、body等容器。

.box {
  width: 900px;
  height: 100%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.5);
  min-height: 100vh;
}

五、版权信息固定在页面底部需要增加的代码

设置版权信息固定在页面底部，
 并根据盒子宽度适当地设置-px值，使得盒子中的信息展示完全。

这里将设置为相对定位，body作为父盒子，版权信息设置为绝对定位，总是再body盒子的最底部进行展示。

body {
  position: relative;
}

.copyright {
  /* 设置版权信息固定在页面底部，
  并根据盒子宽度适当地设置-px值，使得盒子中的信息展示完全 */
  position: absolute;
  bottom: 0px;
}