CSSフレームワークとは何ですか？

https://stackoverflow.com/questions/4086326

28-09-2019
|

質問

誰かが私に教えてもらえますか CSS frameworks, 、そしてそれらを使用する方法は？

解決

CSSフレームワークは、CSSファイルのみです。 CSSファイルのフレームワークで定義されたクラス名を使用して、HTMLに適用する事前に書かれたCSSを提供します。

一部のフレームワークは、1つの特定のタスク、たとえばページレイアウトに焦点を当てています。 960.gs この良い例です。
一部のフレームワークはより広範であり、タイポグラフィ、フォームレイアウト、印刷スタイルなどの事前に書かれたCSSが含まれます。青写真この良い例です。

一部のフレームワークには、すべてのHTML要素のすべてのスタイルを非常に中立的なデフォルトにリセットしようとするリセットスタイルも含まれています。これらはすべてのHTML要素に自動的に適用されるため、HTMLにクラスを追加して適用することはありません。それらの多くはに基づいています Eric MeyerのCSSリセット.

他のヒント

からウィキペディア:

CSSフレームワークは、Cascading Style Sheets Languageを使用して、より簡単で標準に準拠したWebページのスタイリングを可能にすることを目的とした事前に準備されたライブラリです。プログラミングやスクリプト言語ライブラリと同様に、CSSフレームワークは通常、HTMLで参照される外部.CSSシートとして組み込まれます。それらは、Webページを設計およびレイアウトするための既製のオプションをいくつか提供しています。これらのフレームワークの多くは公開されていますが、一部の著者は、主に迅速なプロトタイピング、または学習のためにそれらを使用します。サイトのスタイリング。[29

があります SOの多くの素材（使用するフレームワーク、1つを使用するかどうか...）

CSSフレームワークは、次の側面の一部またはすべてに対応しています。

ブラウザリセット。これにより、すべてのブラウザが同じベースラインスタイルに戻ってきて、異なるブラウザで異なるレンダリングに驚かないようにします。
レイアウト。彼らは、特定のレイアウトを簡単な方法で達成できる事前に準備されたスタイルを提供できます。これらには、列とグリッドレイアウト技術が含まれます。
設計。いくつかは、カラースキーム、フォントの選択、タイポグラフィ（ライン間隔など）を提供して、ページに魅力的なデザインをすばやく提供します。

あなたが注意する限り、あなたが混合して一致することができることを理解するために重要です。

たとえば、私はYuiのグリッドフレームワークが特に好きではありません（必要なものに十分な柔軟性がありません） - そして、私は特にBlueprintのタイポグラフィが好きではありません（それが何をしているのか理解していないので、それがやろうとしていると思います）。

だから私は使っています Yui CSSリセットと Yui Typography と青写真グリッド !

CSSフレームワークは、マークアップ（HTMLなど）ページのすべてのスタイルとレイアウトの「ラッパー」です。

例は次のとおりです。 http://www.blueprintcss.org/

CSSフレームワークは、Cascading Style Sheets言語を使用して、より簡単で標準に準拠したWebページのスタイリングを可能にするための事前に準備されたライブラリです。

各フレームワークの使用方法の詳細については、そのフレームワークの公式ドキュメントを参照してください。

人気のあるCSSフレームワークの例：

有用なものを構築するためのガイドとして機能することを目的とした事前定義された機能。さまざまな機能を備えた異なるフレームワークがあり、多くの場合、どのような機能を構築できるか、どのように機能するかを示す（プログラミングツール）階層化された構造です。

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow