CSSブループリントとは何ですか

Blueprint は、レイアウト、タイポグラフィ、ウィジェット、リセット、印刷を異なる CSS ファイルに分割する CSS フレームワークです。

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

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

ブループリント (CSS フレームワーク)

ブループリントは、次のことを目的とした CSS フレームワークです。 CSS の開発の時間です。これにより、トップ項目の基礎となる使いやすいグリッド、合理的なタイポグラフィ、さらには印刷スタイル シートを備えた、CSS の強固な基盤が得られます。

Web ページをデザインするときのガイドとしてブループリントを使用し、ブループリント CSS スタイルが HTML 要素に適用されるように HTML をデザインまたは生成します。実際、Blueprint は強力な CSS を提供するため、最終ページをシミュレートするために Photoshop などのグラフィック デザイン プログラムを使用しなくても、HTML で Web ページをデザインすることができます。ブループリントは、プロトタイプが最終サイトと同じコードを使用するため、ある意味、真の WYSIWYG (What You See Is What You Get) Web デザインを提供します。

さらに、ブループリントの主な役割は印刷ページの外観をシミュレートすることであるため、インタラクティブなデザインにブループリントを使用することは、QuarkXPress または Adob​​e InDesign を使用することに似ています。ブループリント スタイルは、ピクセルと 18 ピクセルのベースライン グリッドに基づいています。デザインの才能と努力があれば、プロ並みのページを作成することが可能です。

スタイルの例

ブループリントのデフォルト グリッドは幅 950 ピクセルで、10 ピクセルの分割線で区切られた 24 個の 30 ピクセル幅の列に分割されています: [( 24 列 * 30 ピクセル/列) (23 ディバイダー * 10 ピクセル/ディバイダー) = 950 ピクセル]。グリッドの幅を広くしたり狭くしたり、列幅を変更したりする必要がある場合、ブループリントには、必要な仕様に合わせてブループリントを再生成するための Ruby ツールが用意されています。 Ruby ツールは、Photoshop で参照できるグリッド イメージも作成します。最終的な CSS は圧縮されてファイル サイズが削減されるため、転送時間と帯域幅が削減されます。

通常、ブループリント CSS ファイルは編集しないでください。代わりに、別のファイルで独自のスタイルを定義し、必要に応じてブループリント コードをオーバーライドする必要があります。これは、コードの一部として作成および維持される最後のファイル css/custom.css の役割です。

プログラミング関連の知識について詳しくは、プログラミング コースをご覧ください。 ！

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