欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

内联方式:样式定义在单个的HTML元素中

内部样式表:样式定义在HTML页的头元素中

外部样式表:将样式定义在一个外部的CSS文件中(.css)由HTML页面引用样式表文件

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>css样式演示</title>
  7. <!-- 2.内部样式:在head元素里style标签里写样式,此样式可以被当前页面上众多元素复用 -->
  8. <style type="text/css">
  9. /*css的注释*/
  10. h2{color:red;}
  11. </style>
  12. <!-- 3.外部样式:在单独的css文件中写的样式,哪个网页引用该文件,这个网页就能复用这些样式 -->
  13. <link rel="stylesheet" href="my.css">
  14. </head>
  15. <body>
  16. <!-- 1.内联样式:在元素的style属性内直接写样式,此样式 无法复用 -->
  17. <h1 style="color: #00bcd4;">CSS</h1>
  18. <h2>CSS有三种样式</h2>
  19. <p>1.内联样式</p>
  20. <p>2.内部样式</p>
  21. <p>3.外部样式</p>
  22. </body>
  23. </html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c58484.shtml