实践中总结及注意

1.文件名前加上下划线_

- a.scss
    body {
        background-color: #f00;
    }
- style.scss
    @import "a";
    div {
      color: #333;
    }

如果你是编译整个sass目录的话，会发现一个问题，在生成style.css的同时也生成了一个a.css，
这个结果并不是我们想要的，a.scss作为一个中间文件，一般情况下是不需要在生成css的。
sass开发者也考虑到了这点，我们只需要在文件名前加上下划线_，sass编译的时候就会忽略
这个文件，@import引用的时候可以加下划线引用，也可以不加。

实际例子中：
编译后的：

#通过sass的@import指令可以得出延伸：

  看到淘宝网页中这样写使用的是import，而很多网站都是使用link，当然还有一些页面比较简单，
  流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？CSS用import还是link好？
  从经典论坛和另外一个网站大概了解了一下。 

看到淘宝网页中大部分是这样写的： 

复制代码代码如下:

<style type="text/css" media="screen"> 
    @import url("http://www.taobao.com/home/css/global/v2.0.css?t=20070518.css"); 
</style>
@import url(../style.css) screen;

而很多网站使用的都是link： 

复制代码代码如下:

<link rel="stylesheet" rev="stylesheet" href="default.css" type="text/css" media="all" /> 

而像google、百度、163等网站他们都是直接写在网页中，当然使用链接link和导入import的好处
就是易于维护，但当网速比较慢的时候，会出现加载中断的情况，导致页面排版错误。他俩的作用相同。

外部引用CSS中 link与@import的区别：
差别1：加载顺序的差别 
当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的
CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪
烁），网速慢的时候还挺明显。 
差别2：兼容性的差别 
由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签
无此问题。 
差别3：@import可以在CSS中再次引入其他样式表