如何在css文件中引入css文件

html-css026

如何在css文件中引入css文件,第1张

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

@import "sub.css"

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

CSS三种引入方式：

1. 通过外部样式表（external style sheets）引入；

2. 通过内部样式表（internal style sheets）引入；

3. 通过内联样式（inline styles）引入。

拓展：

外部样式表是指将所有的样式定义保存在单独的文件中，然后通过HTML标签引入到文档中，这种方式能够让样式在多个文档中重复使用，减少代码量，方便管理。

内部样式表是指将样式定义保存在HTML文档中，通过标签将样式定义以内部样式表的形式嵌入到文档中。

内联样式是指将样式定义直接写在HTML元素的style属性中，这种方式最为灵活，但容易使代码冗余，影响维护。