CSS オーバーレイ スタイルには 3 種類があります: 1. インライン スタイル、HTML タグの style 属性にスタイル コードを記述します。 2. インライン スタイル、ページ "" タグ ペア; 3. 外部スタイル、独立した ".css" ファイルにスタイル コードを記述します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
Web ページ要素のスタイルを豊かにし、Web ページのコンテンツとスタイルを分離するために、CSS は Cascading Style Sheets の略で、カスケード スタイル シートを意味します。 CSS を使用すると、HTML でスタイルを表現するほとんどのタグが不要になり、HTML はドキュメントの構造とコンテンツのみを担当し、プレゼンテーションは完全に CSS に任せられるため、HTML ドキュメントはより簡潔になります。
CSS は主に Web ページのスタイルをデザインし、Web ページを美しくするために使用されます。Web ページを静的に変更するだけでなく、さまざまなスクリプト言語と組み合わせて Web ページのさまざまな要素を動的にフォーマットすることもできます。
CSS は、Web ページ内の要素の位置のレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォント サイズ スタイルをサポートし、Web ページのオブジェクトとモデル スタイルを編集する機能を備えています。
css スタイルには主に、インライン スタイル (インライン スタイル)、内部スタイル (インライン スタイル)、外部スタイル (アウトライン スタイル) の 3 種類があります。
1. インライン スタイル:
構造体内、つまりタグ内に記述されるスタイル。タグの先頭部分内に記述されます。スタイル属性。
例:
<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>
2. 内部スタイル (埋め込みスタイル):
は HTML ページ内に記述され、head タグに保存されます。 style styleタグ内に記述します。
例:
<style>
选择器 {属性名：属性值；属性名：属性值；......}
</style>3. 外部スタイル (外部スタイル):
外部スタイルは、すべてのスタイルを 1 つ以上の外部スタイルに入れることです。拡張子 .css のシート ファイル。 CSS スタイル シート ドキュメントは外部スタイル シートを表します。
外部スタイル シートは、ブラウザーで認識および解析できるようにする前に、Web ドキュメントにインポートする必要があります。外部スタイル シート ファイルは、2 つの方法で HTML ドキュメントにインポートできます。
1) タグを使用してインポートします。
タグを使用して、外部スタイル シート ファイルをインポートします:
<link href="css文件路径" rel="stylesheet" type="text/css" />
各属性の説明:
href 属性は、外部スタイル シート ファイルのアドレスを設定します。これは、相対アドレスまたは絶対アドレスにすることができます。
rel 属性は、関連するドキュメントを定義します。ここでは、関連するドキュメントがスタイル シートであることを示します。
type 属性はインポートされるファイルのタイプを定義します。style 要素と同様に、text/css は CSS テキスト ファイルを示します。
2)、@import キーワードを使用してインポートします。