H5-16 CSS 的引入方式

1、内联样式（行内样式）

　　要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性

　　温馨提示：缺乏整体性和规划性，不利于维护，维护成本高

　　<p style="color: red; font-size: 30px;">内联样式</p>

2、内联样式

　　温馨提示：单个页面内的CSS代码具有统一性和规划性，便于维护，但是在多个页面之间容易混乱

<head>  
  <style>
        p{color: red;
          font-size: 30px;
        }
    </style>
</head>

3、外部样式（推荐）

　　当样式需要应用于多个页面时，外部样式表将是理想的选择。在使用外部样式的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表。<link>标签在（文档的）头部

　　 <link rel="stylesheet"  type="引用的文件名.css"  href="引用的文件名.css"  >

 

 

 

 

　　

 

posted @ 2024-12-02 20:48  张筱菓  阅读(63)  评论(0)    收藏  举报