css样式引入有哪几种方式,优先级是怎么样的？

html-css021

css样式引入有哪几种方式,优先级是怎么样的？,第1张

按优先级：前端优先读取正序。正规规范优先倒序。style= 这样肯定是最优的，但也是最不推荐的。前端标签直接写入。延伸阅读：读取优先，灵活使用，如大量页面，每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。<style type="text/css">这样属于第二读取方式。直接写在对应的页面。延伸阅读：每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。<link type="text/css" href=" 引用CSS文件 第三级。这全局引入.延伸阅读：全局CSS。可以分离代码及外部引入，简单快捷。也是现在都在用的。

将多个CSS文件导入一个CSS文件中可以通过下面的两种方法来实现。

步骤如下：

1.如果使用链接式，需要使用如下的语句引入外部css文件：

<link href="style.css" rel="stylesheet" type="text/css" />'引入外部链接

2.如果使用导入式，则需要使用如下语句：

<style type="text/css">

@import "style.css"'导入外部链接

</style>

在CSS文件中引入CSS文件需要用到 @import 。例如：

@import "sub.css"

使用用@import引入CSS可以很方便的引入外部文件的CSS代码，方便维护和规划。但是每多引入一个CSS文件，就会对服务器增加一次连接请求，当访问量较大时，需在维护性和性能上进行权衡。