cssDemo01.html 829 B

123456789101112131415161718192021222324252627282930
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <!--引入外部样式-->
  7. <link rel="stylesheet" href="css/style.css">
  8. <!--内部引入CSS,就是把css代码直接写在html文件的head标签里的style标签中-->
  9. <style>
  10. h1{
  11. background-color: yellow;
  12. }
  13. body{
  14. background-color: aquamarine;
  15. }
  16. </style>
  17. </head>
  18. <!--行内引入CSS样式-->
  19. <body style="background-color: red">
  20. <h1>我是黄色的背景</h1>
  21. <h2>我是黄色的背景</h2>
  22. <h1>我是黄色的背景</h1>
  23. <h1>我是黄色的背景</h1>
  24. <h2>我是黄色的背景</h2>
  25. <h1>我是黄色的背景</h1>
  26. <h2>我是黄色的背景</h2>
  27. <h2>我是黄色的背景</h2>
  28. <h1>我是黄色的背景</h1>
  29. </body>
  30. </html>