第 1 章 CSS の基本的な理解

CSSの紹介について

CSSSとは「Cascading Style Sheets」の略称で、中国語では「カスケードスタイルシート」と訳されますが、単に「スタイルシート」と訳す人もいます。 CSS は、Web ページのレイアウトやスタイルの設計に使用されます。いわゆる「新しい Web ページ」において、CSS は間違いなく非常に重要な部分です。 CSS は既存の基盤に基づいており、既存の HTML 仕様の欠陥を補い、Web デザインをより柔軟にします。この教材では CSS の応用について紹介します。この記事ではCSSの仕様をすべて紹介するのではなく、Webページ作成においてよく使われ、使用する可能性が高い構文部分と応用方法のみを紹介します。また、2 つのブラウザ間の互換性は徐々に遠ざかっているため、この構文をサポートするブラウザを慎重に示します。 IE は 3.0 以降、いくつかの文法をサポートしていますが、これについても説明します。

各章の簡単な紹介

参考と学習の便宜のために、この教材の各章の内容を簡単に説明します。方向性やコンセプトを参考にしてください。基本的に、最初の 2 章は概念の確立と基本的な認識、つまり基礎的な作業に焦点を当てており、3 番目の章では、アプリケーションや設定におけるその他の方法や機能の追加説明が提供されます。第 4 章から第 6 章では、構文、パラメータ、プロパティ、つまり実際にスタイル シートに組み込まれるものの紹介に焦点を当てます。第 1 章 CSS の基本的な理解: 以上です! CSS の基本的な概念と理解をいくつか紹介しましょう。第 2 章 CSS の応用方法: CSS の基本的な宣言、応用方法、機能を紹介します。第 3 章: CSS の補足応用: CSS のその他の宣言方法、応用例、機能を紹介します。第 4 章: ページ プロパティの CSS: ページ プロパティの CSS の関連する構文、パラメーター、プロパティについて説明します。第 5 章: テキストベースの CSS: テキストベースの CSS の構文、パラメーター、プロパティについて説明します。第 6 章 ブロック型 CSS: ブロック型 CSS 関連の構文、パラメーター、プロパティについて説明します。

アプリケーションの基本的な理解

CSSS を適用することは難しくありませんが、いくつかの用語の基本的な概念を理解した後、以下のアイデアが得られるでしょう。助けてください、それはあまり大変ではないようです！ 1. 基本用語の理解: 要素: つまり、HTML の基本構文のタグです。属性: ラベルの特性を説明するために使用される属性。例:

---

、HR はラベル、WIDTH は属性、80% は WIDTH 属性の値です。プロパティ (PROperty): コンポーネントの特性を説明するために使用されます。基本的な HTML 構文の属性に相当します。スタイル: コンポーネントの特性を説明するプロパティのセットまたは配列があります。セレクター: スタイルが適用されるコンポーネント。例: H3{ COLOR : BLUE } では、H3 はセレクター、COLOR はプロパティ、BLUE は COLOR プロパティの値です。 2. 基本単位の理解: 単位の表現には相対単位と絶対単位の 2 つの方法があります。相対単位: "em": 文字の高さを基準としたスケール係数。 『en』: フォントサイズに対する倍率。 『%』: 長さの単位 (通常は現在のフォントのサイズ) に対する相対的なパーセンテージ。絶対単位: "in": インチ。 「cm」: センチメートル。 「mm」：ミリメートル。 『px』: ピクセル (システムのデフォルト単位)。 『pc』: pica、可動活字の印刷単位。 「pt」: 画像点。相対関係: 1in= 6pc= 72pt= 2.54cm= 25.4mm 3. 色使用の理解: 色を表現するには 5 つの方法があります。 『#RRGGBB』：00からFFまでの3つの16進数値は、それぞれ赤、緑、青の0から255までの10進数値を表します。 『#RGB』：赤、緑、青の三原色の値をそれぞれ0からFまでの3つの16進数値のみで表す簡略化した表現。実際、ブラウザは自動的に 6 つの 16 進値に展開します。たとえば、「#ABC」は「#AABBCC」になります。ただし、この表現が正確ではないことは明らかです。 「rgb(R,G,B)」：色を赤、緑、青の三原色値で0～255の10進数値で表します。 「rgb(R%,G%,B%)」: 「rgb(60%,100%,75%)」のように、赤、緑、青の相対的な数値比を使用して色を表します。 「Color_Name」：色を直接色名で表現します。標準的な色名は141種類あります。 4. URL 表現の理解: CSS には 5 つの URL 表現方法があり、それらはすべて法的な宣言であり、自分で選択できます。

上記は第 1 章 CSS の基本的な理解の内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。