CSS基礎知識メモ(1)_html/css_WEB-ITnose-htmlチュートリアル-php.cn

CSS基礎知識メモ(1)_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:32:56

オリジナル

1156 人が閲覧しました

CSS スタイルはセレクターと宣言で構成され、宣言は属性と値で構成されます:

セレクター:

セレクターとして、重要な Web ページを指定します。この例の Web ページ内のすべての段落 (p) など、スタイルルールを適用する要素のテキストは青に変わりますが、他の要素 (ol など) は影響を受けません。

宣言: 英語の中括弧「{｝」内が宣言であり、属性と値は英語のコロン「:」で区切られています。複数のステートメントがある場合は、以下に示すように英語のセミコロン「;」で区切ることができます:

p{font-size:12px;color:red;}

ログイン後にコピー

注:

1. 最後のステートメントにはセミコロンは必要ありませんが、将来の変更の便宜上、セミコロンを使用します。通常は追加されます。

2. スタイルを使用して読みやすくするには、以下に示すように、各コードを新しい行に記述できます。

CSS コードコメント

Html のコメントと同じようにCSS にはコメントステートメントもあります: /*コメントステートメント*/ を使用して (HTML でを使用)

CSS コード挿入フォーム

Insert CSS スタイルコードから形式的には、基本的にインライン、埋め込み、外部の 3 つのタイプに分けることができます埋め込み:

CSS スタイルシートは、次のように、既存の HTML タグに直接 CSS コードを記述することです。以下のコード:

ここのテキストは青色です。

CSSコードは要素の開始タグに記述する必要があります。

CSS スタイルコードは、二重引用符で囲んで記述する必要があります。複数の CSS スタイルコード設定がある場合は、セミコロンで区切ってまとめて記述することができます。次のコード:

ここのテキストは赤色です。

埋め込み CSS スタイルとは、

タグの間に CSS スタイルコードを記述できることを意味します。たとえば、次のコードは 3 つのタグ内のテキストを赤色に設定します。

p{   font-size:12px;   color:red;}

ログイン後にコピー

外部スタイル:

外部スタイル CSS スタイル (外部スタイルとも呼ばれます) は、CSS コードを記述します。別の外部ファイルの場合、この CSS スタイルファイルには拡張子「.css」が付いています。CSS スタイルファイルを HTML ファイルにリンクするには、内でタグを使用します。内部では、次のコードのようになります:

嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。

ログイン後にコピー

注:

1. CSS スタイルファイル名は、main.css など、意味のある英語の文字で名前が付けられます。

2. rel="stylesheet" type="text/css"は固定の書き方なので変更できません。

3. タグの位置は、通常、内に記述されます。

CSS コード挿入の 3 つの優先順位:

Inline>Embedded>外部スタイル

外部スタイルには前提条件があります: 埋め込まれた CSS スタイルの位置は外部スタイルの後ろにある必要があります。たとえば、右側のコードエディタでは、コードはの前にあります。 ; コード（実際はこれも開発時に書いています）要約すると、近接原則（設定されている要素に近いほど優先度が高くなります）です。

注: 上記でまとめた優先順位は、インライン、埋め込み、および外部スタイルシートの CSS スタイルの重みが同じであるという前提に基づいています。 (体重とは…)