摘要：中引入的方式有种方式可以在中引入。嵌入方式嵌入方式指的是在头部中的标签下书写代码。示例嵌入方式的只对当前的网页有效。示例这是最常见的也是最推荐的引入的方式。导入方式导入方式指的是使用规则引入外部文件。
HTML 中引入 CSS 的方式
有 4 种方式可以在 HTML 中引入 CSS。其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码，另外两种是引入 外部 CSS 文件。下面我们就来看看这些方式和它们的优缺点。
内联方式内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。
示例：
这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个 嵌入方式指的是在 HTML 头部中的
嵌入方式的 CSS 只对当前的网页有效。因为 CSS 代码是在 HTML 文件中，所以会使得代码比较集中，当我们写模板网页时这通常比较有利。因为查看模板代码的人可以一目了然地查看 HTML 结构和 CSS 样式。因为嵌入的 CSS 只对当前页面有效，所以当多个页面需要引入相同的 CSS 代码时，这样写会导致代码冗余，也不利于维护。 链接方式指的是使用 HTML 头部的 标签引入外部的 CSS 文件。 示例： 这是最常见的也是最推荐的引入 CSS 的方式。使用这种方式，所有的 CSS 代码只存在于多带带的 CSS 文件中，所以具有良好的可维护性。并且所有的 CSS 代码只存在于 CSS 文件中，CSS 文件会在第一次加载时引入，以后切换页面时只需加载 HTML 文件即可。 导入方式指的是使用 CSS 规则引入外部 CSS 文件。 示例： 链接方式（下面用 link 代替）和导入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我们来比较这两种方式，并且说明为什么不推荐使用 @import。 link 属于 HTML，通过 标签中的 href 属性来引入外部文件，而 @import 属于 CSS，所以导入语句应写在 CSS 中，要注意的是导入语句应写在样式表的开头，否则无法正确导入外部文件； @import 是 CSS2.1 才出现的概念，所以如果浏览器版本较低，无法正确导入外部样式文件； 当 HTML 文件被加载时，link 引用的文件会同时被加载，而 @import 引用的文件则会等页面全部下载完毕再被加载； 小结：我们应尽量使用 标签导入外部 CSS 文件，避免或者少用使用其他三种方式。 参考资料： http://www.stevesouders.com/blog/2009/04/09/dont-use-import http://matthewjamestaylor.com/blog/adding-css-to-html-with-link-embed-inline-and-import 文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。 转载请注明本文地址：https://www.ucloud.cn/yun/111167.html 摘要：嵌入方式嵌入方式的只对当前的网页有效。链接方式这是最常见的也是最推荐的引入的方式。是才出现的概念，所以如果浏览器版本较低，无法正确导入外部样式文件使用无法引入超过条的样式表。
css的四种引入方式
内联方式(行间样式)
这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个拥有相同的样式，你不得不重复地为每个添加相同的样式，如果想要修改一种样式，又不得不修改所有的 sty... 摘要：结论就结论而言，强烈建议使用标签，慎用方式。这样可以避免考虑的语法规则和注意事项，避免产生资源文件下载顺序混乱和请求过多的烦恼。区别从属关系区别是提供的语法规则，只有导入样式表的作用是提供的标签，不仅可以加载文件，还可以定义连接属性等。
我们都知道，外部引入 CSS 有2种方式，link标签和@import。它们有何本质区别，有何使用建议，在考察外部引入 CSS 这部分内容时，经常被提... 摘要：结论就结论而言，强烈建议使用标签，慎用方式。这样可以避免考虑的语法规则和注意事项，避免产生资源文件下载顺序混乱和请求过多的烦恼。区别从属关系区别是提供的语法规则，只有导入样式表的作用是提供的标签，不仅可以加载文件，还可以定义连接属性等。
我们都知道，外部引入 CSS 有2种方式，link标签和@import。它们有何本质区别，有何使用建议，在考察外部引入 CSS 这部分内容时，经常被提... 摘要：结论就结论而言，强烈建议使用标签，慎用方式。这样可以避免考虑的语法规则和注意事项，避免产生资源文件下载顺序混乱和请求过多的烦恼。区别从属关系区别是提供的语法规则，只有导入样式表的作用是提供的标签，不仅可以加载文件，还可以定义连接属性等。
我们都知道，外部引入 CSS 有2种方式，link标签和@import。它们有何本质区别，有何使用建议，在考察外部引入 CSS 这部分内容时，经常被提... 摘要：前端之前端之前言前言昨天学习了标记式语言，也就是无逻辑语言。今天学习，被称之为网页的化妆师。为前端页面的样式，由选择器作用域与样式块组成。年初，组织负责的工作组开始讨论第一版中没有涉及到的问题。其讨论结果组成了年月出版的规范第二版。前端之 CSS
前言
昨天学习了标记式语言，也就是无逻辑语言。了解了网页的骨架是什么构成的，了解了常用标签，两个指令以及转义字符；其中标签可以分为两大类：
一类... 拥有相同的样式，你不得不重复地为每个
添加相同的样式，如果想要修改一种样式，又不得不修改所有的 style 中的代码。很显然，内联方式引入 CSS 代码会导致 HTML 代码变得冗长，且使得网页难以维护。
嵌入方式
比较链接方式和导入方式
相关文章
CSS 从入门到放弃系列：CSS的引入方式
link和@import的区别浅析
link和@import的区别浅析
link和@import的区别浅析
前端（二）之 CSS
发表评论
0条评论
阅读 1863·2019-08-29 16:27
阅读 1201·2019-08-29 16:14
阅读 3203·2019-08-29 14:18
阅读 3311·2019-08-29 13:56
阅读 1140·2019-08-29 11:13
阅读 1995·2019-08-28 18:19
阅读 3323·2019-08-27 10:57
阅读 2095·2019-08-26 11:39
