ホームページ  >  記事  >  ウェブフロントエンド  >  Sassとブートストラップの違いは何ですか

Sassとブートストラップの違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-11-01 14:34:002205ブラウズ

違い: Bootstrap は HTML、CSS、JavaScript をベースにしたシンプルで直観的かつ強力なフロントエンド開発フレームワークですが、sass はカスケード スタイル シート言語であり、スクリプトを CSS に解析するスクリプト言語です。

Sassとブートストラップの違いは何ですか

このチュートリアルの動作環境: Windows 7 システム、ブートラップ バージョン 3.3.7、DELL G3 コンピューター

##bootstrap

Bootstrap は、HTML、CSS、JavaScript に基づいて開発された、シンプルで直感的かつ強力なフロントエンド開発フレームワークであり、Web 開発を高速化します。

同時に、Bootstrap は、チームが作成した CSS および JavaScript コードをより標準化するための一連のコーディング標準も提供し、それによってチームの開発効率を大幅に向上させます。

Bootstrap は、レイアウト、グリッド、テーブル、フォーム、ナビゲーション、ボタン、プログレス バー、これらのコンポーネントに基づいて、美しく完全に機能する Web サイトを迅速に構築できます。 Firefox、Chrome、Safari などの主流のブラウザは W3C 標準を適切にサポートしているため、Bootstrap は Web ブラウザの互換性の点でも非常に優れています。

sass

Sass は、もともと Hampton Catlin によって設計され、Natalie Weizenbaum によって開発された カスケード スタイルです。テーブル言語## #。最初のバージョンを開発した後、Weizenbaum と Chris Eppstein は SassScript を通じて Sass の機能を拡張し続けました。 SassScript は、Sass ファイルで使用される小さなスクリプト言語です。 Sass は、スクリプトを CSS

に解析するスクリプト言語、つまり SassScript です。

Sass には 2 つの構文セットが含まれています。元の構文は「インデント構文」と呼ばれ、Haml と同様に、コード ブロックを区別するためにインデントが使用され、異なるルールを区切るためにキャリッジ リターンが使用されます。

新しい構文は「SCSS」と呼ばれ、CSS と同じブロック構文を使用します。つまり、中括弧を使用してさまざまなルールを区切ったり、セミコロンを使用して特定のスタイルを区切ったりします。通常、これら 2 つの構文セットは、ファイル拡張子 .sass および .scss によって区別されます。

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

SASS は CSS3 (Cascading Style Sheet) の構文を拡張したもので、ネスト、ミックスイン、セレクター継承などの機能が利用でき、より効率的かつ柔軟にスタイルシートを記述できます。 Sass は最終的に、閲覧用に合法的な CSS をコンパイルする予定です。

つまり、独自の構文は、標準の CSS 形式ではないため、ブラウザーが認識するのは簡単ではありません (ただし、CSS の構文と非常に似ており、ほとんど同じです)。動的変数などを使用するため、非常に単純な動的言語に似ています。

プログラミング関連の知識について詳しくは、

プログラミング ビデオ

をご覧ください。 !

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

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