2.样式的引入.html 943 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <!--
  8. link 链接外部表
  9. rel 关系
  10. stylesheet 样式表
  11. href 链接的路径
  12. -->
  13. <!-- 外部样式表 -->
  14. <link rel="stylesheet" href="../index.css">
  15. <!-- 内部样式表
  16. 标签选择器
  17. 宽度
  18. width:;
  19. 高度
  20. height:;
  21. 单位 px -->
  22. <style>
  23. div {
  24. width:200px;
  25. height:200px;
  26. background-color: red;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <!-- 行内样式/内联样式 -->
  32. <!-- <div style="width:100px;height:100px;background-color:green"></div> -->
  33. <div></div>
  34. <!--
  35. 样式表级别:
  36. 行内/内联样式 内部样式表 外部样式表
  37. -->
  38. </body>
  39. </html>