CSS知識まとめ(1)

1.CSSを理解しましょう

1.CSSとは何ですか？

CSS（カスケードスタイルシート）

Webページのスタイルを制御するために使用されるマークアップ言語で、Webコンテンツからスタイル情報を分離することができます。

CSS プロパティまたはルールはまだ W3C 標準の一部になっておらず、ブラウザーのプライベート プロパティであるため、ブラウザーごとに異なるプレフィックスが必要になる場合があります。

プレフィックス	ブラウザ
-ウェブキット	クロームとサファリ
-モズ	ファイアフォックス
-ms	いえ
-o	オペラ

2. CSSで何ができるの？

CSSを使うと効果的にページをレイアウトすることができます。

CSS スタイルを使用すると、ページのフォント、色、背景、その他の効果を正確に記述することができると同時に、それらの変更と制御がより速くなります。

CSSはCSSファイルを使用してサイト上のすべてのWebページのスタイルを制御でき、このCSSファイル内の対応するコードが変更される限り、サイト全体のすべてのページがそれに応じて変更されます。

CSSは、携帯電話、PDA、プリンター、テレビ、ゲーム機など、さまざまなデバイスをサポートできます。

*目的：後のメンテナンスを容易にするために、性能を構造から分離します。

3.CSS構文構造

CSS 構文は、selector、property、value

の 3 つの部分で構成されます。

セレクター {プロパティ:値;}

属性は設定したいスタイル属性です。属性と値は「:」

で区切られます。

各セレクターには、セミコロン「;」で区切られた複数の属性値を含めることができます

例：

リーリー

4. CSSの導入方法は？

WebページにCSSを適用するには3つの方法があります(インラインスタイルシート、内部スタイルシート、外部スタイルシート)

a. インラインスタイルシート（html要素内にあります）

インラインスタイルとは、CSSスタイルエンコーディングをHTMLタグのstyle属性に直接記述することを指します

*注意: インラインスタイルにはセレクターは必要ありません。

例：

リーリー

b. 内部スタイルシート ( タグ内にあります)

内部スタイルは、