当前位置:Gxlcms > css > css样式引入的三个级别

css样式引入的三个级别

时间:2021-07-01 10:21:17 帮助过:27人阅读

1.属性引入: 在标签中添加style属性,仅适用于当前标签

2.<style>标签引入: 在当前页面中使用<style>标签引入,仅适用于当前文档

3.<link>标签引入: 引用外部的CSS样式表文件,适用于所有引入该文件的文档

三种方式各有用途,根据需求来使用,不过,除非情况特殊,否则尽可能的使用外部样式表

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" type="text/css" href="./css/demo.css">
  6. <link rel="stylesheet" type="text/css" href="./css/demo.php">
  7. <title>css样式引入的三个级别</title>
  8. <style type="text/css">
  9. h3 {
  10. background-color: lightcyan;
  11. color: blue;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <h3 style="color: green">这是一个悲伤的故事</h3>
  17. </body>
  18. </html>

以上就是css样式引入的三个级别的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行