3.Sassデータ型

サス、7つのデータタイプの合計で1:

   (1)デジタル値を、サスに、数(数)が最も基本的なデータ・タイプであり、ゼロ、正または負とすることができます。達成するために、CSSユニットとほとんど一緒に、非常に広く使用されているサス番号など10pxの、10emまたは10%。彼らはユニットであるが、技術的にはまだデジタル考えられますが

           

   (2)文字列を、文字列の二種類の合計サス。

              、アドレスのようなリンク; 1」引用符で囲まれた文字列であります

                     例:そこ引用された文字列

1
2
3
4
5
6
7
8
9
10
11
12
$logoUrl: "images/logo.png";
$cursorUrl: "images/default.cur";
$text:"绿叶学习网";
div
{
     background-image:url($logoUrl);
     cursor:url($cursorUrl),default;
}
div:before
{
     content:$text;
}

               2「引用符で囲まれていない文字列を、引用符で囲まれていない文字列を、我々はCSS頻繁に遭遇されるような」フォント重量:太字「太字で、」フォントファミリー:サンセリフ;サンセリフ「でように。サスは、目的はCSSの構文と一致するようにも引用符で囲まれていない文字列を導入しました。

   (3)ブール、ブールサス値の2つだけの種類の:trueとfalse。

サスでは、ブール値は、一般的に、条件、「... @ esle ... if文@」に使用される条件式の結果だけがfalseを返します偽またはnullの場合、他のすべてはtrueを返します。

          例:いいえ引用符で囲まれた文字列

1
2
3
4
5
6
7
8
9
10
11
12
13
$a:10px;
$b:5px;
div
{
     @if($a>$b)
     {
         display:block;
     }
     @else
     {
         display:none;
     }
}

次のようにCSSコードの翻訳は、次のとおりです。

1
2
3
4
div
{
     display : block ;
}

(4)カラー値。

サスでは、特殊なデータ型は、すなわち、「カラー値」があります 四種類の合計サスカラー値:

  • (1)赤などの色値のキーワード、;
  • 2)#FFFF00として16進数のカラー値を、。
  • (3)RGBなどのRGBカラー値、(255,255,0)。
  • (4)のようなHSL色値; HSL(360,50%、50%)。

   この値は、いくつかの色がお互いに変換することができるされ、カラー操作サスは、我々は、16進数のカラー値に統一した後、計算され

(5)値のリスト。

サスでは、JavaScriptの中に、このデータ型で、「リスト値の」データ型を提供してくれると類似している、我々は、それを比較することができます配列「配列にサスを。」

値サス構文の二つのリストがあり、一つはカンマ区切りの値によって分離され、別の1は、スペースで区切られた値によって分離されています         例えば:

                    $列表名: 值1, 值2 ,...,值n;

       $列表名: 值 1  2  ... 值n;

      説明:

サスでは、値のリストが0、1つ以上の値を含むことができ、さらに複数備えていてもよい「値のサブリスト」を 値のリストでサスは、多くの場合、次の値に類似したCSSプロパティを処理するために使用されます。

           margin:10px 20px 30px 40px;

    padding:10px 20px 30px 40px;

 

    font-family :Microsoft YaHei,Arial,Helvetica,sans-serif;

 

     例えば:

     $font: Arial,Helvetica,sans-serif;

    $margin:20px 40px;
    $border:1px solid gray;
    div
       {
         font:$font;
         margin:$margin;
         border:$border;
        }
次のようにCSSコードの翻訳は、次のとおりです。

(6)地図の値。

   (7)ヌルヌル。

おすすめ

転載: www.cnblogs.com/hou-yuan-zhen/p/11615325.html