CSS
1.概要
Cacasdingスタイルシート、カスケード接続(スタック)スタイルシート
ラベル専用のスタイル設定ページ
注:/ *コメント*コンテンツ/
2.標準フォーマット
フォーマット:
セレクタ{
スタイル名1:値1;
スタイル名2:値2;
...
}
3. CSS紹介
1.1インラインスタイル
執筆:スタイルタグで書きます
特徴:これはラベルのみに影響
フォーマット:
<タグ名のスタイル= "スタイル名1:1の値;スタイル名2:値2; ...">
1.2内部スタイルシート
執筆:CSSタブ形式の標準的な文体の制服セットを使用してのスタイルで、頭の中でスタイルタグを書きます
特長:ラベルは、ページ全体に影響を与えることができます
フォーマット:
<head>
<style type="text/css">
选择器{
样式名1:值1;
样式名2:值2;
...
}
</style>
</head>
1.3 Waibuyangshibiao
執筆:.cssファイル外で定義され、その後、複数のページで設定されたこのCSSのCSSファイルフォーマットの標準的な文体の制服を使用し、
最後に、あなたがcssファイルを紹介するページを使用したいの頭の中でリンクタグを使用します。
特長:ラベルの複数のページに影響を与える可能性があります
フォーマット:
1.4書き込み優先順位の3つのスタイル
1、インラインスタイル>内部および外部
2、スタイルと一緒に行った裏に書いた人は、内部、外部
4.セレクター
概念:指定に係る実施形態の形で指定された要素を探し
4.1要素セレクタ
フォーマット:
スタイルタグ名} {
4.2クラスセレクタ
で:クラス属性はラベルを指定し、これらのクラスラベルに同じ値を設定します
フォーマット:
{値}スタイルの.class
4.3 IDセレクタ
指定されたラベルのid属性、およびこのタグIDの値を設定:中
フォーマット:
スタイルID値{}
4.4バンクセレクタ
フォーマット:
セレクタ1、セレクタ2、セレクタ3、...} {スタイル
4.5ワイルドカードセレクタ
フォーマット:
スタイル*} {
ワイルドカードスタイルのセレクタは、すべてのタグに提供することができます
4.6子孫セレクタ、子孫セレクタ
子孫:親タグ>タグ{副}直接スタイルサブタグ
子孫:父サブタブのスタイルは、{}、あなたが内部ラベルの複数のレベルを持つことができます
4.7属性セレクタ
マッチングタグと属性値属性の有無を判断するために、スタイルを変更するには
フォーマット:
1、セレクタ[1つの項目名] [名]項目2]} ... {スタイル
2、セレクタ[1つの属性名= '値1'] [2属性名= '値2']} ... {スタイル
4.8擬似クラスセレクタ
フォーマット:
セレクター:XXX {スタイル}
1、リンク、ハイパーリンクのデフォルト
図2に示すように、アクティブ状態を押し
3、訪問、ハイパーリンクの状態を訪問しました
図4は、状態をホバー、ホバー
図5に示すように、第nの型(2N + 1)
ボックスモデル
研究ボックスモデルは、境界、パディング、マージンの要素、コンテンツの位置関係であります
5.1ボーダーボーダー
それは3つの部分で構成されてい
- 厚さ
- カラー
- スタイル:値:点在し、破線、二重、固体
国境半径:ボーダー半径
パディングパディング5.2
コンテンツに境界線を間隔
パディング:NPX、四方に配置されたパディングNPXです
パディング-XXX:NPX、特定の方向のパディングがNPX提供されます
パディング:APX BPX CPX DPX、パディングの下左右方向に設けられている、B、C、D
パディング:NPX MPX、それぞれ配置された上下左右パディングN、M
注:変更は、全体のボックスのパディングサイズを行います
5.3マージンマージン
ラベル間の距離
同じパディングを使用します
注:大きい方から二つの垂直外箱、2つのボックスの左右のマージンを加えました。
6.フロートスタイル
フロート:左/右
クリアフロート:クリア:両方/左/右
7.ブロックレベル要素とインライン
インライン:インライン、あなたは、他のインライン要素と同じ行にすることができ
ブロックレベル:ブロック、ラインが故障し、独占的に全部
スタイル=「表示:インライン/ブロック」行およびブロック・レベルを切り替えます
隠す:ディスプレイ:なし
8.表示と非表示
ディスプレイ:
図1に示すように、可視可視
2、ディスプレイ:インライン/ブロック
隠されています:
1、可視性:隠された、会計位置
2、ディスプレイ:なし、位置を占めていません
9.ポジショニング
ポジション
値:
1、静的:デフォルト
図2に示すように、絶対:ページ上の現在位置に基づいて絶対位置、移動が行います
図3に示すように、相対的な相対位置決め要素は、元の位置から移動されます
図4に示すように、固定された:同じ絶対配置を有する、固定位置を、それがスクロールとの位置を下に変更されないページが発生