CSS(1)导入方式

导入方式

  1. 内部样式

     <!-- 内部样式 -->
       <style>
         h1{
           color: brown;
        }
       </style>

     

  2. 外部样式

       <!-- 外部样式 -->
       <!-- 链接式html(推荐) -->
       <link rel="stylesheet" href="../导入方式/style.css">
     h1{
       color: darkorange;
     }
     ?

     

       <!-- 导入式css2.1(不推荐) -->
       <style>
         @import "style.css";
       </style>

     

     

  3. 行内样式

 <!-- 行内样式:
 在标签元素中,编写一个style属性,编写样式即可
 不可取,应结构与表现分离
  -->
 <h1 style="color: #4a78c2">一级标题</h1>

优先级:就近原则

 

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>css</title>
 ?
   <!-- 内部样式 -->
   <style>
     h1{
       color: brown;
    }
   </style>
 ?
   <!-- 外部样式 -->
   <!-- 链接式html(推荐) -->
   <link rel="stylesheet" href="../导入方式/style.css">
 ?
   <!-- 导入式css2.1(不推荐) -->
   <style>
     @import "style.css";
   </style>
 ?
 </head>
 <body>
 ?
 <!-- 优先级:就近原则 -->
 ?
 <!-- 行内样式:
 在标签元素中,编写一个style属性,编写样式即可
 不可取,应结构与表现分离
  -->
 <h1 style="color: #4a78c2">一级标题</h1>
 ?
 </body>
 </html>
 ?
 h1{
   color: darkorange;
 }
 ?

 

CSS(1)导入方式

上一篇:LeNet-5网络搭建详解


下一篇:中文字符串互转UniCode(含JS中转UniCode)