sass编译工具compass

文章概述

本篇文章介绍sass编译工具compass的使用。

compass

compass是一个开源的CSS创作框架。

安装

compass也是基于ruby的，所以直接用gem安装命令如下：

1	$ gem install compass

创建项目

compass命令可以直接创建项目：

1	$ compass create [project_name]

compass项目基础

以下划线开头的命名的sass文件是局部文件，主要用来被其他的样式文件引用，在编译的时候不会被单独编译成css文件；
config.rb文件用来配置项目；
sass必须编译成css才会生效，编译方式如下：

//按需编译：
$ compass complile [sass file path]
//监听sass文件变化，自动编译：
$ compass watch [sass file path]

可以将编译好的样式文件，引入html文件。

<head>
  <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
  <!--[if IE]>
      <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <![endif]-->
</head>