正規化.cssの使い方

藏色散人
藏色散人オリジナル
2021-01-18 09:40:513140ブラウズ

normalize.css の使用方法: まず、Normalize.css を Github からインストールまたはダウンロードし、次に、normalize.css をプロジェクトの基本 CSS として使用するか、normalize.css ソース コードを導入してその上に構築します。

正規化.cssの使い方

このチュートリアルの動作環境: Windows7 システム、Dell G3 コンピューター、normalize.css v3.0.3。

推奨: css ビデオ チュートリアル

Normalize.css は単なる小さな CSS ファイルですが、デフォルトの HTML 要素スタイルの一貫性を維持しながらブラウザー間の高さを提供します。従来の CSS リセットと比較して、Normalize.css は HTML5 用に用意された最新の高品質な代替手段です。 Normalize.css は現在、Twitter Bootstrap や他の多くのフレームワーク、ツール、Web サイトで使用されています。

Normalize.css は CSS リセットの代替手段です。 @necolas と @jon_neal が何百時間もかけてブラウザ間のデフォルト スタイルの違いを研究した結果、このプロジェクトは最終的に現在の形になりました。

Normalize.css は次の目的で作成されました:

  • 便利なブラウザのデフォルト スタイルを完全に削除するのではなく保持します

  • 一般化されたスタイル: ほとんどの HTML 要素を提供します

  • ##ブラウザ自体のバグを修正し、ブラウザ間での一貫性を確保します
  • #CSS の使いやすさを最適化します: いくつかのヒント
  • コードの説明: コメントと詳細なドキュメント付き
  • Normalize.css サポートにはモバイルが含まれます ブラウザーを含む多くのブラウザーには、一般化された Html5 要素、レイアウト、リスト、埋め込みコンテンツ、フォーム、テーブルを同時に表示します。このプロジェクトは一般原則に基づいていますが、必要に応じて、より実用的なデフォルトが使用されます。

normalize.css の使い方

Normalize.css をインストールまたは Github からダウンロードし、使用方法は主に 2 つあります。

戦略 1: 独自のプロジェクトの基本 CSS として Normalize.css を使用し、デザイナーのニーズを満たすようにスタイル値をカスタマイズします。

戦略 2:normalize.css ソース コードを導入してその上に構築し、必要に応じて独自の CSS でデフォルトを上書きします

以上が正規化.cssの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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