一些最近遇到的小知识点（记录作用）

link和@import

<link rel="stylesheet" href="a.css">
<style>
    @import 'b.css';                 //两种import的方式都可以
    @import url(b.css);
</style>

link和@import都可以引入外联的css文件。实际的显示效果没什么差别。它们之间的差别体现在：

1. link是XHTML的一个标签，引入css文件只是它的其中一个而且是最常见的用途，@import则只能用于在style标签中引入css文件。
2. 最重要的区别。link方法引入的css，会并发地在页面载入的同时一起加载。而@import中的css样式，在页面完全载入之后才会加载。
3. link标签无兼容问题。@import在低版本的浏览器下不支持。（不过现在应该都支持了）

Cookie 隔离

请求静态资源的时候，cookie是没有什么意义的，客户端往服务端发送的cookie信息会造成流量的浪费。
而我们又知道，cookie也是有域的限制的，不能跨域访问。
所以，将静态资源放在不同的域名就可以。事实上，各大网站对于静态资源也确实都是分开放置的。

知乎上关于这个问题还提到了CDN。