.CSS2.0 [カスケードスタイルシート]カスケーディングスタイルシート
1. CSSとは何か:変更されたページ要素(タグ)の外観(テキストの色、サイズ、フォントを追加するなど)、CSSスタイルXHTMLとW3C所定の属性を交換してみてください
2。関係XHTMLとCSS
XHTMLページ構造が達成され、CSS変更されたページは見て
使用して3.CSSを
(1)インラインスタイル(上の記載表示)
<タグ名のスタイル=「CSSスタイル」/>
"= <名前タグのスタイルをスタイルのCSS "> ... </タグ名>
(2)(headタグに書かれた)内部パターン
<スタイルタイプ="テキスト/ cssの「>
... CSSスタイル
</スタイル>
(3)外部スタイルシート( )ページを参照してくださいその後、1ページの書き込みのみとCSSスタイル
<リンクタイプの=「テキスト/ CSS」のrel =「スタイルシート」
のhref =「CSS文書のURL」メディア=「すべて」/ >
:説明
ターゲット文書タイプ:タイプの
REL:現在のドキュメントターゲット文書関係
のhref:CSSドキュメントのURL
メディア:別のメディア(機器)によると、別のCSSスタイルの使用
メディア:
すべてすべて
プリンタ印刷
画面スクリーン
TVテレビ
(4)優先度:最高フロントインラインスタイル、優先順位オーバーライドスタイルの背後にある内部及び外部ピア
4.CSSスタイルフォーマット
セレクタ{属性:値;属性:値; ...}
{プロパティセレクタ:値;プロパティ:値;} ...
5セレクタ(セレクタ)
(自動的にすべてのタグに適用される)(1){*ワイルドカード選択...}
(2){マーカー選択タグ。 ..}(自動的に指定されたタグに適用される)
(3)手動で適用クラス(クラス)名セレクタの.class {...}(
いずれかのフラグを、応用例クラスは=「A1、A2 ...」
以上の場合スペースで区切られたクラス名)
(4)IDセレクタは、(手動アプリケーション固有のタグ{...}名前を#ID
そのようなアプリケーションとして:ID =「id名」)
(5)セレクタは、グループ名を選択し、選択し{...} ...名
(ただし、セレクタ略語の同一性は異なる)
(6)子孫セレクタセレクタ名タイトル{...}セレクタ
(少なくとも二つの親子関係を選択)
(7)セレクタセレクタ子孫名>名{...}セレクタ
(でなければならない2つの親と子の関係を選択)
前記優先選択
マーカーの重みセレクタ0001
クラスセレクタ0010ウェイト
ID重みセレクタ0100
スタイル重みインライン1000年
説明:より大きな、より高い優先度の重み、重み
同じ優先後ろ同じスタイルカバー
蓋フロントスタイル、継承された優先順位
最下位
のプロパティ値の7.color
(1)単語ブルーグリーン...赤
(2)進数(0-9 ABCDEF)
赤:#FF0000の==#のF00
( 3)RGB(R:赤 、G:緑、B:青0-255)
赤:RGB(255,0,0)== RGB( 100%、0%、0%)
赤#1 F00のRGB(255、 0,0)
グリーン#の0F0のRGB(0,255,0)
ブルー#00F RGB(0,0,255)
白色#FFFのRGB(255,255,255)
ブラック#000 RGB(0,0,0)
イエロー#のFF0のRGB(255,255,0)のような
ライトグレー#eeeのRGB(200200200)
ダークグレーRGB 333#(3,3,3)
擬似クラスセレクタ8
(1)の動作擬似クラス
:link要素未訪問状態
:状態の要素が訪問訪問
ホバー設けられたロールオーバー状態:
:アクティブセットマウスアクティブ状態の
説明:
配列LVHAが得られた。
Bの作業が実装する。
{
色:#333。
装飾テキスト:なし;
}
A:ホバー{
色:#900;
テキスト装飾:下線;
}
:フォーカス:マウスフォーカス状態が得られる設定
(2)UI要素擬似クラス
:チェック素子は選択状態(css3.0)に設定されている
無効設定要素禁止状態:
:有効に設定要素を有効
擬似要素セレクタ9.
:前:要素またはグラフィックコンテンツを設定する前に
:元素の含有量を設定した後、または画像:後
例えば:
{以前
: "コンテンツ" | URL(画像)コンテンツ
}
:{後に
コンテンツ"コンテンツ" | URL(画像)
}
10.テキストスタイル
(1)色のテキストの色:値;
テキストfont-の(2)サイズサイズ:値;
(単位:画素PX; EM例えば複数のデフォルトワードサイズ:1.5em)
テキストのフォントファミリー:のTimes New Roman、Arialの、 "のTimes New Roman"(3)
テキスト整列テキストの水平方向の配置(4)。 :|センター|左右
テキスト高い行の高さの行:値;(5。)
注:ボックスのテキスト行高くかつ一貫した高場合、テキストを実現することができる
垂直カセットの中央に
(6)テキストインデントテキストインデント:値の
例:最初の行のインデント:テキストインデント:2EM;
注:のみインデントテキストブロック要素が達成されないライン要素
(7)テキスト太字量:通常のデフォルト値は|太字太字| 100から900
の説明:正常太字== == 400 700
(8)テキストイタリックフォントスタイル:通常のデフォルト値|イタリック体が傾斜
(9)小キャップフォントバリアント:正常|小さいです-caps
フォント省略形の
フォントスタイル傾斜||:フォント
、フォント・バリアント小さなキャップ||
フォント重量ボールド||の
フォントサイズワードサイズ/行の高さ行高||
フォント、フォントファミリ
(10)テキストデコレーション修正テキスト:なし|
下線下線|
|上線を交差
ラインスルー取り消し線を
(11) -変換テキスト:なし|
|大文字各単語の最初の文字を大文字にしない
|大文字大文字
小文字小文字
11ボックスモデル(BoxModel)
(1)の幅の幅
(2)の高さの高さ
:幅の広いブロック要素と高い有し説明マークアップ属性(IMG入力など)
の幅と高さを設定し、線幅と高さの要素を設定することはできません
(3)パディングパディング
(4)マージンマージン
(5)ボーダーボーダー
説明:
スパンタグ:なし意味のあるエレメント列を
divタグ:意味のない要素は、要素をブロック