html导入式 import和link的差别

< html lang=“en”>
< head>
< meta charset=“UTF-8”>
< title>Title</ title>
< style>
/*
1、引入方式
1）行内样式
HTML的style属性
2）内部样式
html的style标签
3）外部样式
link标签
4）导入式
①语法
< style>
@import “css文件”;
@import url(“css文件”);
< /style>

    ②@import和link的区别
    a、@import先加载HTML文件，再加载css文件；link是同时加载HTML和css文件
    b、@import只能引入css文件；link还可以引入其他内容
    <link rel="icon" href="">:网页图标
    c、@import有兼容性（IE5以上支持）；link没有兼容性
    d、@import会增加页面的http请求
    e、当JavaScript操作DOM时，只能操作link引入的文件

    */
</style>
<style>
    /*@import "css/03style.css";*/
    @import url("css/03style.css");    // css是地址
</style>
<link rel="icon" href="images/favicon.ico">   // 特别说明：link也可以引入网站图标  图标大小为 16X10

< /head>
< body>
< div class=“box”></ div>