CSS样式表的三种引入方式

标签：文件的   外部   内容   url   部分   作用   使用   分离   doc   1. 行内样式表（内联样式） 顾名思义，行内样式表就是将CSS样式表写在html的代码行中，在HTML的标签中使用style属性来设置元素的样式。 实际上，HTML中所有的标签都可以使用style属性进行设置元素样式。 1.1 基本语法格式 1 网页内容 1.2 案例 行内样式表 青春不常在，抓紧谈恋爱 2. 内部样式表（内嵌样式） 该种样式表是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义。 2.1 基本语法格式 选择器（选择的标签） { 属性1: 属性值1; 属性2: 属性值2; 属性3: 属性值3; } 2.2 案例 内部样式表 div { color: red; font-size: 30px; } 青春不常在，抓紧谈恋爱 3. 外部样式表（外链样式） 是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中。 3.1 基本语法格式 在test.css文件中写入CSS代码 div { color: red; font-size: 30px; } 3.2 注意 link标签需要放在head头部标签中，并且指定link标签的三个属性。 属性 作用 rel 定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。 type 定义所链接文档的类型，在这里需要指定为“text/CSS”，表示链接的外部文件为CSS样式表。我们都可以省略 href 定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。 4. 比对优劣 样式表 优点 缺点 使用情况 控制范围 行内样式表 书写方便，权重高 没有实现样式和结构相分离 较少 控制一个标签（少） 内部样式表 部分结构和样式相分离 没有彻底分离 较多 控制一个页面（中） 外部样式表 完全实现结构和样式相分离 需要引入 最多，强烈推荐 控制整个站点（多） CSS样式表的三种引入方式标签：文件的   外部   内容   url   部分   作用   使用   分离   doc   原文地址：https://www.cnblogs.com/lkztrovo-lsh/p/14887286.html