2022.4.6 CSS三种导入方式

三种导入方式

html文件：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>3种导入方式</title>
 7 　　 <!--内部样式-->
 8     <style>
 9         h1{
10             color: green;
11         }
12     </style>
13 　　 <!--外部样式-->
14     <link rel="stylesheet" href="css/style.css">
15     <!--优先级：就近原则 谁离得近谁的优先级高-->
16 </head>
17 <body>
18 <!--行内样式：在标签元素内编写style  -->
19 <h1 style="color: red">哈哈</h1>
20 
21 </body>
22 </html>
CSS文件：
1 /*外部样式*/
2 h1{
3     color: green;
4 }

 

posted @ 2022-04-07 15:27  暴躁C语言  阅读(42)  评论(0)    收藏  举报