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

CSS フレームワークは、事前に準備されたソフトウェア フレームワークであり、基本要素のリセット、ページ レイアウト、グリッド レイアウト、フォーム スタイル、一般ルール、その他のコード ブロックを含む一連の CSS ファイルのコレクションです。 Webフロントエンドの開発作業を簡素化し、作業効率を向上させます。

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

CSS フレームワークは、一連の CSS ファイルを集めた、あらかじめ用意されたソフトウェア フレームワークです。簡単に言うと、これは事前に作成された CSS であり、HTML 要素に特定のクラスを追加するだけで、必要な効果をすぐに得ることができます。

CSS フレームワークには、Web フロントエンド開発作業を簡素化し、作業効率を向上させるための基本的な要素のリセット、ページ レイアウト、グリッド レイアウト、フォーム スタイル、一般ルール、その他のコード ブロックが含まれています。

より強力なフレームワークには、より多くの機能と追加の JavaScript ベースの関数も装備されています。有名で広く使用されている 2 つの例は、Bootstrap と Foundation (フレームワーク) です。その他の awsm.css、Flexify、Materialize、Semantic UI。

一部の大きなフレームワークでは CSS インタープリターを使用します。たとえば、LESS や Sass などです。

原因

テキストの色やコンテンツのレイアウトの定義から、すべてのパフォーマンスの定義まで、CSS の記述にも同じことが当てはまります。 CSS フレームワークは徐々に注目を集めるようになりました。具体的な式から抽象モジュールを抽出して再利用することが、ユーザーのダウンロードを減らし、チームや個人の開発を促進する最も重要な手段であると誰もが認識しているからです。

特徴

1. 一般的に使用される抽象的な CSS スタイル、高い再利用性、高い移植性

2. 固有の定義と詳細なドキュメントおよび開発機能を備えています。

3. 高い互換性、一般的なブラウザとの互換性

4. 主に CSS ですが、すべてが CSS である必要はなく、一部の JS (またはその他) が含まれる場合がありますスクリプトはブラウザとの互換性を保つために使用されます

一般的な CSS フレームワークは次のとおりです:

1、Bootstrap

CSS、JavaScript、HTML に基づくフロントエンド フレームワーク。そのうちの css はキーポイント。

は、コンピューター、携帯電話、タブレットなどのさまざまな端末デバイスに対応したレスポンシブ デザインを実装し、1 つの会議を複数の端末で使用できるようにするために使用されます。

2. Foundation

これは多くの機能の集合であり、Mac/iOS の他のフレームワークの基礎となります。

これは、ビジネス サポート、トレーニング、コンサルティングを提供するプロフェッショナルなフロントエンド フレームワークです。 Facebook、Mozilla、Ebay などの大規模な Web サイトに適用されています。

3. Pure

軽量で応答性の高い CSS フレームワークです。

主な機能は、JavaScript コードを含まない純粋な CSS フレームワークであり、レンダリングが高速になります。

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

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