Scss学习相关问题

@import与css中的有何不同

css原生@import的两大弊端:

  1. 只能放在代码最前端
  2. 在读取到@import时才会下载文件,并且下载浏览器处于阻塞状态,对性能不利

Scss中的@import有约定:

  • Scss将被引入的文件合并,并输出到css文件
  • @import位置随意

强制使用css中的@import指令

  1. @import后面跟的是以.css结尾的时候
    Scss学习相关问题
  2. @import后面跟的是http://开头的字符串的时候
    Scss学习相关问题
  3. @import后面跟的是一个url()函数的时候
    Scss学习相关问题
  4. 当@import后面带有media query的时候
    Scss学习相关问题

Scss中合理的注释(注释应占文件的2/3)

Scss学习相关问题

CSS3支持hsl()函数表示颜色

Scss学习相关问题
Scss学习相关问题

参考内容

Sass和Compass必备技能之Sass篇
Scss参考文档