在HTML中有哪些引用CSS的方式

小编给大家分享一下在HTML中有哪些引用CSS的方式，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
　　在HTML中，引入CSS的方法主要有行内式、内嵌式、导入式和链接式
　　行内式：即在标记的style属性中设定CSS样式，这种方式本质上没有体现出CSS的优势，因此不推荐使用
　　例：
　　
　　
　　
　　
　　
　　
　　 　　ThisisalineofText.
　　
　　
　　
　　嵌入式：嵌入式则将对页面中各种元素的设置集中写在
　　例：
　　
　　
　　
　　
　　 　　h2{
　　color:white;
　　background-color:boue;
　　}
　　
　　
　　
　　
　　
　　
　　
　　导入式与链接式：导入式和链接式的目的都是将一个独立的CSS文件引入HTML文件，二者有相应的区别。
　　事实上，二者最大的区别在于链接式使用免费云主机、域名HTML的标记引入外部CSS文件，而使用导入式则是使用CSS的规则引入外部CSS文件。因此它们的语法也不同。
　　如果使用链接式，需要使用如下语句引入外部CSS文件。
　　 　　如果使用导入式，则需要使用如下语句。
　　 　　@import”mystyle.css”;
　　
　　此外，采用这两种方式后的显示效果也略有区别。使用链接方式时，会在装置页面主体部分之前装载CSS文件，这样显示出来的网页从一开始就是带有样式的效果，而使用导入式时，会在整个页面装载完成后再装载CSS文件，对于有的浏览器来说，在一些情况下，如果网页文件的体积比较大，则会出现先显示无样式的页面，闪烁一下之后再出现样式设置后的效果。从浏览者的感受来说，这是使用导入式的一个缺陷。对于一些比较大的网站，为了便于维护，可能会希望把所有的CSS样式分类别放到几个CSS文件中，这样如果使用链接式引入，就需要几个语句分别导入CSS文件。如果要调整CSS文件的分类，就需要同时调整HTML文件。这对于维护工作来说，是一个缺陷。如果使用导入式，则可以只引进一个总的CSS文件，在这个文件中再导入其他独立的CSS文件；而链接式则不具备这个特征。
　　因此这里给大家的一个建议是，如果需要引入一个CSS文件，则使用链接方式；如果需要引入多个CSS文件，则首先用链接方式引入一个“目录”CSS文件，这个“目录”CSS文件中再使用导入式引入其他CSS文件。
　　如果希望通过JavaScript来动态决定引入哪个CSS文件，则必须使用链接方式才能实现。

以上是“在HTML中有哪些引用CSS的方式”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注云技术行业资讯频道！

相关推荐: jQuery中Ajax的方法有哪些及怎么使用

这篇文章主要介绍“jQuery中Ajax的方法有哪些及怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“jQuery中Ajax的方法有哪些及怎么使用”文章能帮助大家解决问题。a. 不需任何浏览器插件不需任何浏览器插…