css导入式和外链

在前端开发中，样式是非常重要的一部分。在编写CSS时，可以使用两种方式进行导入，这就是“导入式”和“外链”两种方式。 使用“导入式”，可以将多个CSS文件导入到同一个HTML文档中，从而实现样式的分离。这种方式是通过在样式文件中使用@import来实现的。示例代码如下：

  
    <style>
      @import url('style1.css');
      @import url('style2.css');
    </style>
  

使用“外链”，则是将CSS文件与HTML文件分开，通过HTML中link元素来引入CSS文件。这种方式可以使得页面的结构更加清晰，也更加方便维护。示例代码如下：

  
    <link rel="stylesheet" type="text/css" href="mystyle.css">
  

这里需要注意的是，link元素必须放在HTML文档的head标签中，而且也可以指定不同的媒体类型（如print、screen等）。 综上所述，两种导入方式各有优缺点，需要根据具体的情况来选择。无论哪种方式，对于优化网页性能都是有帮助的，因为可以减少请求次数，并缓存已经加载的文件。