ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS基礎知識メモ(1)_html/css_WEB-ITnose
CSS基礎知識メモ(1)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:32:561157ブラウズ
CSS スタイルはセレクターと宣言で構成され、宣言は属性と値で構成されます:
セレクター:
セレクターとして、重要な Web ページを指定します。この例の Web ページ内のすべての段落 (p) など、スタイル ルールを適用する要素のテキストは青に変わりますが、他の要素 (ol など) は影響を受けません。
宣言: 英語の中括弧「{｝」内が宣言であり、属性と値は英語のコロン「:」で区切られています。複数のステートメントがある場合は、以下に示すように英語のセミコロン「;」で区切ることができます:
p{font-size:12px;color:red;} 注:
1. 最後のステートメントにはセミコロンは必要ありませんが、将来の変更の便宜上、セミコロンを使用します。通常は追加されます。
2. スタイルを使用して読みやすくするには、以下に示すように、各コードを新しい行に記述できます。
CSS コード コメント
Html のコメントと同じようにCSS にはコメント ステートメントもあります: /*コメント ステートメント*/ を使用して (HTML で 29fd9b526ce8019d6636f917a266f487 を使用)
CSS コード挿入フォーム
Insert CSS スタイル コードから 形式的には、基本的にインライン、埋め込み、外部の 3 つのタイプに分けることができます 埋め込み:
CSS スタイル シートは、次のように、既存の HTML タグに直接 CSS コードを記述することです。以下のコード:
0410c1f957ba007b197eba04822c61b9ここのテキストは青色です。 94b3e26ee717c64999d7867364b1b4a3
CSSコードは要素の開始タグに記述する必要があります。CSS スタイル コードは、 二重引用符で囲んで記述する必要があります。複数の CSS スタイル コード設定がある場合は、セミコロンで区切ってまとめて記述することができます。次のコード:
bb48c1a665e17caf93008ad3b3e0d707ここのテキストは赤色です。 94b3e26ee717c64999d7867364b1b4a3
080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927
タグの間に CSS スタイル コードを記述できることを意味します。たとえば、次のコードは 3 つの 45a2772a6b6107b401db3c9b82c049c2 タグ内のテキストを赤色に設定します。
p{ font-size:12px; color:red;} <style type="text/css">span{color:red;}</style> 外部スタイル: 外部スタイル CSS スタイル (外部スタイルとも呼ばれます) は、CSS コードを記述します。別の外部ファイルの場合、この CSS スタイル ファイルには拡張子「.css」が付いています。CSS スタイル ファイルを HTML ファイルにリンクするには、93f0f5c25f18dab9d176bd4f6de5d30e 内で 2cdf5bf648cf2f33323966d7f58a7f3f タグを使用します。内部では、次のコードのようになります:
嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。
注:
1. CSS スタイル ファイル名は、main.css など、意味のある英語の文字で名前が付けられます。
2. rel="stylesheet" type="text/css"は固定の書き方なので変更できません。
3. 2cdf5bf648cf2f33323966d7f58a7f3f タグの位置は、通常、93f0f5c25f18dab9d176bd4f6de5d30e 内に記述されます。
CSS コード挿入の 3 つの優先順位:
Inline>Embedded>外部スタイル
外部スタイルには前提条件があります: 埋め込まれた CSS スタイルの位置は外部スタイルの後ろにある必要があります。たとえば、右側のコード エディタでは、f87a5964fcebb93d98ebca11ba9d357b コードは 080b747a20f9163200dd0a7d304ba388...531ac245ce3e4fe3d50054a55f265927 の前にあります。 ; コード（実際はこれも開発時に書いています） 要約すると、近接原則（設定されている要素に近いほど優先度が高くなります）です。
注: 上記でまとめた優先順位は、インライン、埋め込み、および外部スタイル シートの CSS スタイルの重みが同じであるという前提に基づいています。 (体重とは…)