サスシステムとは何ですか

SASS は 2007 年に誕生しました。最も初期かつ最も成熟した CSS プリプロセッサです。Ruby コミュニティと最も強力な CSS フレームワークである compass のサポートを受けています。現在は LESS の影響を受けて進化しています。 CSS と完全に互換性のある SCSS に変換します。

Sass (完全な英語名: Syntactical Awesome Stylesheets) は、もともと Hampton Catlin によって設計され、Natalie Weizenbaum によって開発されたカスケード スタイル シート言語です。最初のバージョンを開発した後、Weizenbaum と Chris Eppstein は SassScript を通じて Sass の機能を拡張し続けました。 SassScript は、Sass ファイルで使用される小さなスクリプト言語です。 (推奨学習: CSS3 ビデオ チュートリアル )

Sass は、スクリプトを CSS に解析するスクリプト言語、つまり SassScript です。 Sass には 2 つの構文セットが含まれています。元の構文は「インデント構文」と呼ばれるもので、Haml [3] に似ており、コード ブロックを区別するためにインデントを使用し、異なるルールを区切るためにキャリッジ リターンを使用します。新しい構文は「SCSS」と呼ばれ、CSS と同じブロック構文を使用し、異なるルールを区切るために中かっこを使用し、特定のスタイルを区切るためにセミコロンを使用します。通常、これら 2 つの構文セットは、ファイル拡張子 .sass および .scss によって区別されます。

Sass は CSS3 を拡張し、ルール、変数、ミックスイン、セレクター、継承、その他の機能を追加します。 Sass は、整理と保守が容易な適切にフォーマットされた CSS コードを生成します。

Sass は変数の定義をサポートしています。変数はドル記号 ($) で始まります。変数はコロン (:) を使用して割り当てられます。

SassScript は 4 つのデータ型をサポートします:

Value (単位を含めることができます)

String

Color

ブール型

変数は関数のパラメータや戻り値として使用できます。解釈プロセス中に、インタープリターは変数の値を最終的な CSS ファイルに書き込みます。

SASS は CSS3 (Cascading Style Sheet) の構文を拡張したもので、ネスト、ミックスイン、セレクター継承などの機能が利用でき、より効率的かつ柔軟にスタイルシートを記述することができます。 Sass は最終的にはブラウザで使用できるように合法的な CSS をコンパイルしますが、これは、Sass 自体の構文は標準の CSS ではないため、ブラウザが認識するのは容易ではありません (ただし、CSS 構文と非常に似ており、ほぼ同じです)。 、構文内で動的変数などを使用できるため、非常に単純な動的言語に似ています。

CSS3 に関連する技術的な記事については、CSS3 グラフィック チュートリアル 列にアクセスして学習してください。

以上がサスシステムとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。