index.css 569 B

12345678910111213141516171819202122232425262728293031323334353637
  1. @charset "UTF-8";
  2. * {
  3. margin: 0;
  4. padding: 0;
  5. list-style: none;
  6. text-decoration: none;
  7. box-sizing: border-box;
  8. }
  9. /*
  10. 混合宏
  11. @mixin 定义一个可以在整个样式表中重复使用的样式
  12. @include 调用
  13. */
  14. .box {
  15. border: 3px solid #00f;
  16. border-radius: 50px;
  17. width: 500px;
  18. height: 500px;
  19. box-shadow: 5px 10px 10px red;
  20. /* 多行注释 编译后会出现在css中 */
  21. }
  22. .box h1 {
  23. color: #ff0;
  24. font-size: 70px;
  25. }
  26. .box ul li a {
  27. color: red;
  28. font-size: 30px;
  29. font-style: italic;
  30. }
  31. .box ul li a:hover {
  32. color: #ff0;
  33. }