sassとcss3の違いは何ですか

WBOY
WBOYオリジナル
2022-02-17 16:19:263480ブラウズ

sass と css3 の違い: 1. Sass は buby 言語で書かれた CSS 前処理言語です。中括弧とセミコロンを使用しませんが、css3 は CSS テクノロジのアップグレード バージョンです。中括弧とセミコロンを使用します。セミコロン; 2. Sass ブラウザは直接認識して解析することができないため、コンパイラでコンパイルする必要がありますが、CSS3 では認識できます。

sassとcss3の違いは何ですか

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

sass と css3 の違いは何ですか

sass と css の違い

CSS は Cascading Style Sheets を指します

CSS3 は CSS (Cascading Style Sheets) です。 CSS3 テクノロジーのアップグレード バージョンは 1999 年に開始されました。2001 年 5 月 23 日、W3C は CSS3 の作業草案を完成させました。これには主にボックス モデル、リスト モジュール、ハイパーリンク メソッド、言語モジュール、背景と境界線、テキスト効果などが含まれています。列レイアウトとその他のモジュール。

Sass (Syntactical Awesome StyleSheets) は、buby 言語で書かれた CSS 前処理言語です。厳密なインデント スタイルを持ち、CSS 記述仕様とは大きく異なります。中括弧や区切り文字は使用しません。

Sass は CSS を強化する補助ツールと CSS の拡張機能であり、変数、ネストされたルール、ミックスイン、継承 (拡張)、インライン インポート、その他の高度な機能が追加され、これらの拡張機能により CSS がより強力かつエレガントになります。 Sass および Sass スタイル ライブラリ (Compass など) を使用すると、スタイル ファイルをより適切に整理および管理し、プロジェクトをより効率的に開発できます。

css プリプロセッサ

css プリプロセッサは、特別な言語を使用して Web ページのスタイルを設定し、それをプロジェクトで使用する通常の CSS ファイルにコンパイルします。

CSS 前処理言語を使用する利点: CSS がより簡潔になり、変更が容易になり、可読性が高く、新しい機能に適応し、コードの保守が容易になります。

概要:

  • Sass は、コンパイル後に CSS を生成する CSS 前処理言語です。

  • Sass は、curly を使用しません。中かっことセミコロン、インデントを使用、CSS は中かっことセミコロンを使用します;

  • Sass はネストや継承などの高度な機能をサポートしていますが、CSS はサポートしていません;

  • Sass はよりエレガントで保守が容易です;

  • Sass ブラウザは直接認識および解析できないため、コンパイラによってコンパイルする必要があります;

  • sass のファイル拡張子は .sass で、css ファイルの拡張子は .css です。

書き方:

// sass
#sidebar
  width: 30%
  background-color: #faa
  
// css
#sidebar {
  width: 30%;
  background-color: #faa;
}

(学習ビデオの共有: css ビデオ チュートリアル)

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。