CSS は主に Web ページのスタイルをデザインし、Web ページを美しくするために使用されます。Web ページを静的に変更するだけでなく、さまざまなスクリプト言語と組み合わせて Web ページのさまざまな要素を動的にフォーマットすることもできます。 CSS は、Web ページ内の要素の位置のレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォント サイズ スタイルをサポートし、Web ページのオブジェクトとモデル スタイルを編集する機能を備えています。
このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。
CSS (Cascading Style Sheets) は、HTML や XML などのファイル スタイルを表現するために使用されるコンピュータ言語です。HTML スタイルを表現するために使用されるプログラミング言語です。Web を分離するスタイル言語です。ページとコンテンツ。
CSS が登場する前は、HTML ドキュメントのほぼすべてのプレゼンテーション プロパティが HTML マークアップ (特に HTML タグ) に含まれており、すべてのフォントの色、背景スタイル、要素の配置、境界線、サイズは HTML で明示的に記述されている必要がありました。 。
その結果、Web サイトのすべてのページにスタイル情報が繰り返し追加されるため、大規模な Web サイトの開発は時間と費用がかかるプロセスになります。
この問題を解決するために、World Wide Web Consortium (W3C) は 1996 年に CSS を導入し、その標準を維持しました。 CSS は、プレゼンテーションとコンテンツの分離を実現することを目的としています。 Web デザイナーは、Web ページの書式設定情報を別のスタイル シートに移動できるようになりました。これにより、HTML マークアップがよりシンプルになり、保守しやすくなります。
css でできること
CSS は主に Web ページのスタイルをデザインし、Web ページを美しくするために使用されます。Web ページを静的に変更するだけでなく、動的に変更することもできます。さまざまなスクリプト言語と連携して、Web ページの各要素をフォーマットします。
CSS は、Web ページ内の要素の位置のレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォント サイズ スタイルをサポートし、Web ページのオブジェクトとモデル スタイルを編集する機能を備えています。
ホームページを作成するときに CSS テクノロジーを使用すると、ページのレイアウト、フォント、色、背景、その他の効果をより正確に制御することができます。
対応するコードに簡単な変更を加えるだけで、同じページのさまざまな部分、またはページ数が異なる Web ページの外観や形式を変更できます。
CSS には次の特徴があります。
豊富なスタイル定義
CSS は、次のような豊富なドキュメント スタイルの外観セットを提供します。テキスト属性と背景属性の機能により、任意の要素の境界線、要素の境界線と他の要素の間の距離、要素の境界線と要素のコンテンツの間の距離を作成でき、自由に設定できます。テキストの大文字化、装飾、その他のページ効果を変更します。
使用と変更が簡単
CSS は、HTML 要素の style 属性、HTML ドキュメントのヘッダー部分、またはスタイルは、HTML ページで参照するために特別な CSS ファイルで宣言されます。つまり、CSS スタイル シートは、すべてのスタイル宣言を統一的に保存および管理できます。
さらに、同じスタイルの要素を同じスタイルを使用して分類および定義したり、同じ名前を持つすべての HTML タグに特定のスタイルを適用したり、特定の要素に CSS スタイルを割り当てることもできます。ページ要素内。スタイルを変更したい場合は、スタイル リストから対応するスタイル ステートメントを見つけて変更するだけです。
マルチページ アプリケーション
CSS スタイル シートは別の CSS ファイルに保存できるため、複数のページで同じ CSS スタイル シートを使用できます。理論的には、CSS スタイル シートはどのページ ファイルにも属さず、どのページ ファイルからも参照できます。このようにして、複数のページのスタイルを統一することができます。
カスケード
簡単に言えば、カスケードとは、要素に同じスタイルを複数回設定することであり、最後に設定された属性値が使用されます。たとえば、サイト内の複数のページに同じ CSS スタイル シートのセットを使用し、一部のページの一部の要素に他のスタイルを使用したい場合は、これらのスタイルに対して別のスタイル シートを定義して、それらをページ。後で定義されたこれらのスタイルは以前のスタイル設定をオーバーライドし、ブラウザに表示されるのは最後に設定されたスタイル効果になります。
ページ圧縮
HTML を使用してページ効果を定義する Web サイトでは、さまざまな仕様のテキスト スタイルを形成するために、多くの場合、多数の表や繰り返しの表やフォント要素が必要になります。その結果、多数の HTML タグが生成され、ページ ファイルのサイズが増加します。スタイル宣言を CSS スタイル シートに個別に配置すると、ページのサイズが大幅に削減されるため、ページの読み込み時間も大幅に短縮されます。さらに、CSS スタイル シートを再利用することでページのサイズが大幅に縮小され、ダウンロード時間が短縮されます。
(学習ビデオ共有: css ビデオ チュートリアル)
以上がCSSでできることの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。