热门关键字:
jquery > jquery教程 > html5 > CSS如何使用

CSS如何使用

400
作者:管理员
发布时间:2020/6/7 13:04:03
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=1830

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

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

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


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




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:CSS
友荐云推荐