引用外部css文件有几种写法？_安全

目前有两种引用方式，一种是通过在head里面的link来引用，另外一种是直接通过import来引用，示例代码如下：

第一种：link引用

第二种：@import引用

link和import语法结构不同，前者<link>是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。

import在html使用时候需要<style type="text/css">标签，同时可以直接“@import url(CSS文件路径地址);”放入css文件或css代码里引入其它css文件。

本质上两者使用选择区别不大，但为了软件中编辑布局网页html代码，一般使用link较多，也推荐使用link。

新建stylecss文件

在HTML<head>部分中加一条<link rel="stylesheet" href="stylecss" type="text/css" />

注：如果样式表和html文件不在同一目录下，href需写成绝对路径或相对路径

欢迎分享，转载请注明来源：内存溢出

引用外部css文件有几种写法？