string型

CSSでは2種類の文字列を使用することができます。
ひとつは "Lucida Grande" や 'http://sass-lang.com'などの引用符がついているもの。
もうひとつは、boldやsans-serifなどの引用符がついていないものです。
Sassはどちらの文字列も認識するので、コンパイル後のCSSではSassファイルで使用したものがそのまま出力されます。

list型

marginやpaddingの指定でよくある0 autoや、フォントを指定するときのHelvetica, Arial, sans-serifといった、スペースやカンマで値を区切って並べたものがリスト型です。
（これを読んでいるあなたがプログラマなら配列をイメージしてください。ほとんど同じようなものです）
ではfont-weight:boldやmargin:10px;のようなものはどうなるのかというと、SassScriptは値が１つしかなくてもカウントしているので、これらも実際は「値が１つしかないリスト」となります。

リストそのものは機能を持っていませんが、Sassのリスト関数を使えば様々な操作ができるようになります。詳しくは関数のページに書いていますので、そちらを御覧ください。

変数の有効範囲

変数には有効範囲があります。
前の例ではファイルの中のトップレベルの位置で$widthという変数を書いた（という想定でした）ので、その下にあるheader、#main、footer全てで使うことができていました。
波カッコの中で変数を定義するとどうなるかというと、そのカッコの中が有効範囲になります。

トップレベルで定義されたものをグローバル変数、波括弧の中で定義されたものをローカル変数と呼びます。

以下は前のサンプルに新しいローカル変数$colorを追加したものです。

$width: 960px;

header {
  width:$width;
  margin:0 auto;
}

#main {
  $color:#333;   //<- New!
  width: $width;
  margin:20px auto;
  color: $color; //<- Use!
}

footer {
  width:$width;
  margin:0 auto;
  color: $color; //<- Use!
}

これをコンパイルするとfooterで変数を使用しているところでUndefined variable: "$color"というエラーが出ます。

#mainで定義した$colorは、#mainのローカル変数となっているため波括弧の外からはアクセスできませんが、ネストではどれだけ入れ子が深くなっても利用することができます。

$width: 960px;

header {
  width:$width;
  margin:0 auto;
}

#main {
  $color:#333;
  width: $width;
  margin:20px auto;
  color: $color; //<- Use!

  section {
    p {
      color: $color; //<- Use!

      a:link {
        color: $color;//<- Use!
      }
    }
  }

  blockquote {
    color: $color; //<- Use!
  }
}

footer {
  width:$width;
  margin:0 auto;
}

#mainでネストした中で変数を乱用してみました。a:linkが一番深いですが、問題なくコンパイルできます。< /p>

header {
  width: 960px;
  margin: 0 auto; }

#main {
  width: 960px;
  margin: 20px auto;
  color: #333333; }
  #main section p {
    color: #333333; }
    #main section p a:link {
      color: #333333; }
  #main blockquote {
    color: #333333; }

footer {
  width: 960px;
  margin: 0 auto; }