@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}

/*
    多行注释
    .sass .scss
    sass格式会省略花括号和分号 所以常用scss存储
*/
/*
 混合宏
 @mixin 声明
 @include 调用
*/
.box {
  width: 200px;
  height: 200px;
  font-size: 30px;
  border: 3px solid red;
  border-bottom: 3px solid #ff0;
  border-radius: 30px;
  border-left: 3px solid #0f0;
  border-radius: 50px;
  border-right: 5px solid pink;
  box-shadow: 30px 40px 13px purple;
}

h1 {
  color: blue;
}

h2 {
  color: blue;
}

ul {
  overflow: hidden;
}

ul li {
  float: left;
  margin-left: 5px;
  border-bottom: 2px solid #f00;
}

ul li a {
  color: #000;
  font-size: 40px;
  font-weight: bold;
}

ul li a:hover {
  color: red;
}