css link和@import区别


这里 link @import 介绍的是 html 引入css 的语法单词。

两者均是引入csshtml的单词。

扩展阅读:a link、a:link、css引入html


一、了解基本 - TOP

1、️️️link语法结构

实际应用

    // 创建一个index.css 文件,在里面编写我们自身的样式 

 


Html link标签说明

此标签是引入CSS文件link标签,只要设置好路径即可。

扩展阅读:html link

2、@import语法结构

@import + 空格+ url(CSS文件路径地址);

1)、在html中

 

import在html中使用

@import在html中使用截图

2)、在css中


直接使用

@import url(CSS文件路径地址);

import在css文件中使用

import在CSS代码或CSS文件中使用截图

在css和html中均可以使用@import


二、link与@import区别与选择 - TOP

首页link和import语法结构不同,前者是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。import在html使用时候需要