引入CSS样式表（书写位置）

最新推荐文章于 2022-11-17 22:05:16 发布

LeonGus

最新推荐文章于 2022-11-17 22:05:16 发布

阅读量197

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/qq_34644270/article/details/102652101

版权

30 篇文章 0 订阅

订阅专栏

1. 行内式（内联样式）

<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>

注意：
style其实就是标签的属性
样式属性和值中间是:
多组属性值之间用;隔开。
只能控制当前的标签和以及嵌套在其中的字标签，造成代码冗余

缺点：
没有实现样式和结构相分离

2.内部样式表（内嵌样式表）

<head>
<style type="text/CSS">
    选择器（选择的标签） { 
      属性1: 属性值1;
      属性2: 属性值2; 
      属性3: 属性值3;
    }
</style>
</head>

注意：
style标签一般位于head标签中，当然理论上他可以放在HTML文档的任何地方。
type=“text/css” 在html5中可以省略。
只能控制当前的页面

缺点：没有彻底分离

3. 外部样式表（外链式）

<head>
  <link rel="stylesheet" type="text/css" href="css文件路径">
</head>

注意：

link 是个单标签
link标签需要放在head头部标签中，并且指定link标签的三个属性

关注

专栏目录