CSS link和@import的区别

2021-05-30 00:02

阅读:498

YPE >

标签:width   htm   同步   rgb   charset   过程   div   port   区别   

CSS link:

  link是html标签

  加载页面的过程是异步的,不会阻塞浏览器的解析过程

=============举例==================

html文件:

html>
    
    Document
    
    
css文件:
div {
    width: 400px;
    height: 400px;
    border: 2px solid #000;
    margin-top: 10%;
}

@import:

  CSS中的命令

  加载过程是同步的,会阻塞浏览器的解析过程

=============举例==================

html文件:

html>
    
    Document
    
    
css1文件:
@import url(css2.css);

div {
    border: 2px solid #000;
    margin-top: 10%;
}
css2文件:
div {
    width: 400px;
    height: 400px;
}

CSS link和@import的区别

标签:width   htm   同步   rgb   charset   过程   div   port   区别   

原文地址:https://www.cnblogs.com/Friday1/p/14696884.html


评论


亲,登录后才可以留言!