当前位置：网站首页>The difference between link and @import importing external styles

The difference between link and @import importing external styles

2022-07-29 05:44:00 【Ice eyes JS】

The difference 1：link Belong to XHTML label ;@import Totally css One way to provide .

　　　 link In addition to being able to load css Outside , There are many other things you can do ; such as ： Definition RSS, Definition rel Connection properties, etc .

The difference 2： Input mode

@import Input mode

1 <head>
2 <meta charset="utf-8">
3 <title>css Basic grammar </title>
4 <style type="text/css">
5     @import url(" Target file path and file name ");
6 </style></head>

link Input mode

1 <head>
2 <meta charset="utf-8">
3 <title>css Basic grammar </title>
4      <link rel= "stylesheet" type="text/css" href=" Target file path and file name " />
5 </style>
6 </head> 

  The difference 3： The loading order is different ,link Refer to the css Will be loaded at the same time ;@import References will wait until the page is completely downloaded before being loaded , So sometimes browse @import load css There is no style at the beginning of the page .

 

The difference 4： Compatibility differences ：@import yes css2.1 Put forward ; browser IE5 The above version can be recognized .link No compatibility issues .

The difference 5： Use dom The difference in control style ： When using JavaScript control dom To change the style , Only use link label . because @import No dom Controllable .

原网站

版权声明
本文为[Ice eyes JS]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/210/202207290507365707.html

边栏推荐

猜你喜欢

随机推荐