シャドウ所持52枚のラベルは、影、3つのローカライズ、jsのインポートと文法をボックス

ラベルを隠します

表示:なし;
それはどのような方法、ページを占有していないのでは表示されませんが、まだ占領再び開き
不透明度:0.5、

完全に透明0、の変形ボックス透明度の値が、ページプレースホルダ

斜線ボックス
ボックスシャドウ:150ピクセル0 10pxの0赤、0 150ピクセル10pxの0緑。
X、Y軸は、軸がシャドウ幅漂白カラーオフセットオフセット
カセットポジショニング3つ
の固定位置
ウィンドウの現在のページの幅と高さ(サイズ変更が変わる画面をロック):VW VH 
開封後の位置決め特性を、左、右、上、レイアウトに参加することができます下の4つの名詞
固定された位置決め基準ブラウザウィンドウの
レイアウト:例:距離ボックスブラウザウィンドウのマージンの四辺の4つの固定位置の左-右、左から左-右から
左と右、左を取る、上に行きます
z屈折率の値が1より大きい正の整数に等しく、レイヤの表示を重ねる重ねられた複数の層は、z-index値の持つ
z屈折率:666。

要約:
1. Z-index属性の値は、1から順に重ね合わせ、任意に設定する必要はない
生じる表示領域を異なるレベルに重なる示し、2 z屈折率より高いレベルの属性値より大きなディスプレイを、表示領域は、高レベルのオーバーレイ表示を示します低レベルの表示エリア

要約:
1.固定四辺は、上、右、下、右下ページ画面からの距離を制御する左画面ページの配置位置を基準に位置決めボックスモデルは、4つのエッジ左
2.上面と2つのレイアウトの底向きを同時にのみトップ属性値の存在は、レイアウト効果である、共感は左右同時に、左属性値のみ効果レイアウトされる
ページが発生するため、ボックスモデル3が固定他のページに表示領域(ボックスモデルと重なるように配置することができますスクロール、ページに固定された位置)がボックスは常に静止して探し、ボックスモデルの固定位置は、最上部に表示されます





絶対位置の

サブラベルが広いの親ラベル未満を取得、オープン、親のハイレベルを保持していません
自分のサブタブの幅と高さを設定する必要があり、親はまた、独自の幅と高さを設定しなければならない
位置を:絶対;
ラベルの絶対位置が位置決めの基準システムを基準とし、お互いが直接影響しません

システムを参照します。最も近い親見つけ
オープン4を方位位置決め
距骨下で、ピッチ上の...
外出先で、周りに左を取ります
通常、見つけるための親を参照したい、絶対位置を使用して、子は、親が基準の子として扱うように位置しなければならない
親が、絶対固定選択することができますが、両方はボックスモデルのポジショニングに影響を与えるだろう、相対的な位置ではありませんボックスモデルが影響する
子必見ので親を
位置:相対;

絶対位置:
親(親の静止位置にレイアウト相対終了後子)を移動し、移動のためのラベルとして1、、およびそれらの親に対するラベルレイアウト兄弟(ブラザー可動に影響しない、またはまだ)
2、Zインデックス値が垂直重複関係兄弟層変更
3、子供の親は、比較的測位処理(測位三種類があることができる)でなければならない
子最初のレイアウトの親、サブステージ絶対位置決め時に、一般的なレイアウトの親が完了した、親は絶対位置と同等のものを完了するために、レイアウトを完了するために、親の自然な子をポジショニングを使用している場合
、親はレイアウトを完了するために、ターゲットに使用していない場合、我々はポスト親がをしなければなりません子絶対配置を支援するために、位置決めプロセスを増やし、位置決めが親の後半を増加させることであり、我々は増加が親の前に、レイアウトに影響を与えないことを確認する必要があり、相対的な位置決めを行うことができます



相対的な位置
{■は
/ *層の相対的な位置決めがオフセットされている* /
位置:相対;
/ *左:100pxに、* /
/ *右:100pxに、* /
/ *トップ:100pxに、* /
/ *底:100pxに; * /
/ *システム:元の位置、およびオフセットが元の位置に影響を与えない* /
}
1.絶対位置決め補助のニーズに対処
2を、そこに対向配置されている独立して使用されるが、モデルが完全にカートリッジを交換することができ、それは一般的ではありません

要約:
サブラベル絶対値(絶対値)のレイアウトを配置するのを補助する1親タグが相対的に配置(相対的な)各サブタブは4つの別個の基準エッジ親タグの配置位置、上、右、下、左、それぞれであるよう親タグ左4の右下のエッジからの距離を制御する
頂部および底部2のレイアウトは、2つの方向を存在する場合、唯一のトップ属性値が同時に共感で左から右、左属性値のみがレイアウトされ、レイアウト効果であります効果
ボックスモデル絶対配置領域がページ上のボックスの他のモデルと重なる表示することができる3.、それは一般的に処理することなく、レイアウトが望まれる;しかし重複が今回しばしば、タグの絶対位置との間で同時に発生することが次の表示に対処する必要があり、誰のz-index属性は、この問題を解決することです
* /



jsの

ページとページの相互作用を完了するために、ビジネスロジック-フロントスクリプト言語-プログラミング言語-言語の弱いタイプ

1、あなたはあなた自身のページデータを生成することができます
背景データ要求することができ、2を
背景に提出され、ページ上の別の場所にレンダリングすることができます-ユーザーデータを受け入れることができ、3
、4(ページはJSで行うことができますページのラベルの内容、スタイル、プロパティ、イベントを変更しますコンピュータと対話するための入力および出力デバイス)

<身体> 
< -ポップアップします:!こんにちはJS - >
< -ライン間:!書いたイベントをタグ属性- >
< - <divの上記のid = "DD"のonclick =「アラート(「!こんにちはJS')「> </ div> - >

onclick:マウスクリック
れるondblclick:ダブルクリック
れるonmousedown:マウスダウンを


<DIV ID =「DD」> </ div>
インポートの実施形態
</ BODY>
< -スクリプトで記述されたインライン:!ラベル、スクリプトタグは、本体の下部に表示されなければならない(本体の端部の後に配置することができます) - >
<! - <スクリプト> - >
<! - dd.onclick =機能(){ - >
<! -アラート( 'こんにちはJS') - >
<! - } - >
<! - </スクリプト> - >

< - scriptタグのsrc属性によるアウトリーチ式:!、jsの外部ファイルへのリンクは- >
<スクリプトSRC = "のjs / JSの導入の.js">
// A外部スクリプトタグの導入は単一のラベルに相当SRC JSファイルをした後、内部コードが自動的に遮蔽さ
dd.onclick =関数(){//動作しない
アラート(666)
}
</ SCRIPT>
JS文法
<SCRIPT> 
のlet AAA = 123;
letのBBB = '123';

// ==のみデータ比較;はconsole.log(== AAA BBB)
はconsole.log(AAA === BBB); // === 行います比較データ型

//弱い言語タイプ:データを格納するが、環境によって決定方法を選択する
(1 + 2)にconsole.logを; // 3
はconsole.log(」1' + '2'); // 12は、
コンソール。ログ(1 '2' +); // 12である
にconsole.log(1 - '2'); // -1

</ SCRIPT>


<SCRIPT>
//第三に、データ型
//値型
// 1)デジタルタイプ
123 Aは、LETを=;
にconsole.log(A、typeof演算(A));
A = 3.14;
にconsole.log(A、typeof演算(A));

// 2)ブール値
falseに= LETのBと、
にconsole.log(typeof演算( B)、B);

// 3)紐タイプ: ' '''``
123 `= Cましょう
456
789`;
にconsole.log(C、typeof演算(C));

// 4)未定義のタイプ:の初期化されていない変数。
LETのD;
にconsole.log(D、typeof演算(D));

//参照型
// 5 )配列(対応するリスト):
ARR =せ; [1、2 ,. 3]
にconsole.log(ARR、typeof演算(ARRを));

// 6)オブジェクト(のdictに相当):鍵は、すべての文字列でなければならない。
せ性別=「M」;
せDIC = {
名:「オーウェン」、
年齢:17.5、
セックス、//値が可変である場合に、キーと同じ名前の変数名は、省略することができる
};
にconsole.log(DIC、typeof演算(DIC)) ;

// 7)関数型
関数fn(){}
はconsole.log(FN、typeof演算(FN));

// 8)空型。
LET X =ヌル;
にconsole.log(X、typeof演算(X));
</スクリプト>



<SCRIPT>
// II変数と定数
のlet NUM = 123;
NUM ++;
はconsole.log(NUM);

constのSTR = '123';
// STR = '456'; //定数は、初期値を使用して宣言する必要があり、一度不変の割り当て
にconsole.log(STR);
</ SCRIPT>

<SCRIPT>
//、出力情報には、3つの方法
//ステートメントのコンソール出力
はconsole.log( 'ああZhenshuai')

//ポップアップメッセージ
警告(「ああ、あなたが本当にハンサム」)

のページへのコンテンツの書き込み//
のdocument.writeを(「<h2のスタイル= 『色:赤』> ああ、あなたハンサムかす</ H2>」)
</ SCRIPT>











おすすめ

転載: www.cnblogs.com/komorebi/p/11129760.html