首页 > 其他分享 >CSS的引入方式

CSS的引入方式

时间:2023-03-17 21:58:43浏览次数:40  
标签:方式 样式 标签 文档 样式表 引入 CSS 页面

CSS的引入方式

 

内联样式(行内样式)

要使用内联样式,你需要在相关的标签内使用样式(style)属性.style属性可以包含任何CSS属性

温馨提示

缺乏整体性和规划性,不利于维护,维护成本高

<p style="background:orange; font-size:24px;">CSS</p>

内部样式

当单个文档需要特殊的样式时,就应该使用内部样式表.你可以使用<style>标签在文档头部定义内部样式表

温馨提示

单个页面内的CSS代码具有统一性和规划性,便于维护,但是多个页面之间容易混乱

<head>
   <style>
       h1{
           background:red;
      }
   </style>
</head>

外部样式(推荐)

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

<link rel="stylesheet" type="test/css" href="xxx.css"
 

标签:方式,样式,标签,文档,样式表,引入,CSS,页面
From: https://www.cnblogs.com/andy-chi/p/17228304.html

相关文章