前端开发：CSS中@import指令详解_css @import动态引入

前言

在前端开发过程中，关于CSS的使用也是非常的，尤其是样式相关的设置等操作。作为前端开发者关于@import指令都会有所了解，尤其是在导入CSS样式的时候会用到，但是刚入行不久的前端开发者对应@import指令会有所陌生。那么本文就来分享一下关于@import指令的使用详情，总结一下，方便后期查阅使用。

CSS文件引入方式

众所周知，CSS文件引入的方式有两种：第一种就是通过HTML中使用link标签，第二种就是通过使用CSS中的@import指令。下面举一个示例，复制内容到剪贴板，具体方式如下所示。

1、HTML中使用link标签

<link rel="stylesheet" href="style.css" />  

2、使用CSS中的@import指令

@import "style.css";  

@import指令

首先来看一下@import指令的含义：@import导入指令其实是CSS提供的一个实用命令，主要功能是根据路径导入一个样式表的文件，且能够指定样式表所服务的设备类型，即可以将别的样式表导入当前样式表中，使样式表文件不必写在同一个文件当中。

1、属性定义及使用