src和href的区别

1、src（同步加载执行）

src是source的缩写，指向外部资源的位置，指向的内容会嵌在标签所在的位置，在请求src资源的时候会将其指向的资源下载并应用到文档内，一般用于img，input，style，script，iframe标签中

也可以在头部的style标签中引入css样式（不推荐，会阻塞浏览器渲染文档）

浏览器解析到改元素的时候会暂停其他资源的下载和处理，直到这个资源加载，编译，执行完毕，图片和框架等元素相当于将所指向资源嵌在当前的标签中

2、href（异步执行）

href 是hypertext Reference 的缩写，指向网络资源所在的位置，会建立和当前元素或当前页面之间的链接

在文档在添加css文件

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

此时浏览器会识别该文档是css文件，会并行下载资源并且不会停止对当前文档的处理，所以建议用link的方式来引用css

为什么不推荐@import来加载css ？

答：link会异步加载css，但是@import会在页面加载完成后才开始加载，会出现页面初始化无样式也就是白屏的问题