css样式引入的三个级别
程序员文章站
2022-04-21 14:13:57
...
1.属性引入: 在标签中添加style属性,仅适用于当前标签
2.<style>标签引入: 在当前页面中使用<style>标签引入,仅适用于当前文档
3.<link>标签引入: 引用外部的CSS样式表文件,适用于所有引入该文件的文档
三种方式各有用途,根据需求来使用,不过,除非情况特殊,否则尽可能的使用外部样式表
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="./css/demo.css"> <link rel="stylesheet" type="text/css" href="./css/demo.php"> <title>css样式引入的三个级别</title> <style type="text/css"> h3 { background-color: lightcyan; color: blue; } </style> </head> <body> <h3 style="color: green">这是一个悲伤的故事</h3> </body> </html>
以上就是css样式引入的三个级别的详细内容,更多请关注其它相关文章!