css引入方式.html 810 B

123456789101112131415161718192021222324252627
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>样式</title>
  6. <!-- 外部样式表引入 -->
  7. <!-- link标签引入
  8. rel 引入页面的关系 stylesheet 样式表
  9. href 路径地址
  10. -->
  11. <link rel="stylesheet" href="./index.css">
  12. <!-- 内部样式表 -->
  13. <!-- <style>
  14. div {
  15. width: 200px;
  16. height: 200px;
  17. background: #00f;
  18. }
  19. </style> -->
  20. </head>
  21. <body>
  22. <!-- 样式:css -->
  23. <!-- 行内样式(内联样式) -->
  24. <!-- 行内样式 > 内部样式表 > 外部样式表-->
  25. <div style="width: 300px;height: 300px;background-color: #f00;">这是一个盒子</div>
  26. </body>
  27. </html>