開発ツールとキーテクノロジー：Visual StudioとHTML、CSS、JS
著者：黄缶
時間を書く：2019.6.2-2019.6.8
HTMLコード/ラベル
接続のCSS
スタイル（様式）：<link rel="stylesheet" href="css文件路劲">タイトルタグに以下、headタグを書きます
接続
JavaScriptを：<script src="javascript文件路劲"></script>通常bodyタグの書き込みの最後に、タグは、headタグで、以下のタイトルで書くことができます
<div></div>タグがコードをパッケージ化するために使用され、カプセル化されたコードは、DIVで書かれ、ブロックレベルのタグ
<a href=”跳转路径（网址）”></a>また、タグとして知られているアンカータグ、
<img src=”图片路径” alt=””/>画像を挿入（自己終了タグ）
<label for=”XXX”></label>表タグ
<span></span> インラインタグ
<ul></ul>順序なしリスト
<ol></ol>順序付きリスト
<li></li>注文/順不同リストで利用可能
<b></b>太字
<u></u>アンダーライン
<p></p>セグメント（テキスト）
<s></s>取り消し線
<hr>レベル
<l></l>イタリック
<em></em>イタリック
<small></small>小さいフォントを表示します
<big></big>大きなフォント表示
<tt></tt>タイプライターフォント
<strike></strike>取り消し線
<sub></sub>下付き文字
<sup></sup>上付き文字
<blink></blink>テキスト点滅効果
<center></center>に整列
<pre></pre>オリジナルのスタイルに応じて表示
ブランク
<h1></h1>~~<h6></h6>タイトルタグ
<br>ラップ
placeholderテキストボックスのヒント
<textarea></textarea>テキストフィールド
入力ラベル
<input,type="text">テキストボックス
<input,type="password">[パスワード]ボックス
<input,type="submit">[送信]ボタンを
<input,type="checkbox">ボックスにチェックを入れます
<input,type="radio">チェックボックス
<input,type="reset">リセットボタン
<input,type="image">ピクチャーボタン
<input,type="hidden">隠しフィールド
<input,type="button">ボタン
<input,type="file">ファイルを閲覧します
表タグ
<table> テーブルを定義します
<caption>テーブルヘッダ。
<th>ヘッダーテーブル。
<tr>テーブルの行を定義します。
<td>表のセルを定義します。
<thead>テーブルヘッダを定義します。
<tbody>ボディ定義テーブル。
<tfoot>テーブルのフッターを定義します。
<col>属性テーブルの列を定義します。
<colgroup>表の列グループを定義します。
CSSコード
幅幅
高さの高さ
マージンマージン
パディングパディング
背景背景
位置の場所
cententセンター、センター
フロートフロート
トップトップ
右側の右
下の下
左サイド
ボーダーボーダー
固体実線
一点鎖線
カラー色
フォントフォント
サイズサイズ
固定された固定
表示プロパティ
長さlength
行の高さの行の高さ
境界半径フィレット
フォントサイズフォントサイズ
ボックスシャドウの影
Zインデックス：1、レベル
透明透明
無制限の無限
テキスト整列：センター;中心テキスト
フォントの重文字サイズ
位置：相対;相対的な位置（自己中心）
位置：絶対、絶対位置
位置：固定;（通常中心として画面の左上隅に）固定された位置
テキスト装飾：なし;アンダースコアをキャンセル
リストスタイル：なし; Liはドットを削除します
テキスト装飾：下線;下線
オーバーフロー：隠された;過剰隠します
表示：ブロック、ブロックレベルの行ラベル内のラベルの変更
フォント重量：太字;フォント太字
表示：インラインブロック、水平表示ブロック要素
n番目の-の型（）構造の選択
テキスト整列：センター;テキスト水平中心
maring：0自動;水平方向の中心
境界半径：5pxの、境界が丸い角を提供
表示：なし;要素の隠蔽
クリア：左;クリアフロート
サイズ・背景：
カバー画像サイズ適応
変換：移動X（,, PX）X軸移動に
第1の第1子要素を選択します
n番目の子（n）は、最初のn個の要素を選択します
フォントファミリフォントの変更
フロート：左フローティングのまま
フロート：右右浮動
偶数行（偶数）奇数ライン（奇数）
概要：なし;効果を取り消す選択するためのテキストボックス
背景サイズ：カバー画像サイズ適応
ボーダーカラー：透明透明透明＃ 65aac3、
生産の三角形
ボックスシャドウ：2ピクセル5pxの10pxの#CCCセット影
カーソル：ポインタ;バリアント平手打ちを合わせます
カーソル：-許可されていません;ホバー変更がクリックできません
クリアフロート
.clear:after{
content: '';
display: block;
clear: both;
}
.clear{
zoom:1;
}/*游览器兼容性*/
CSS3アニメーション機能
遷移遷移関数
伝達関数の変換
アニメーションアニメーション機能
変換：この属性は、変形を設定するために使用されます。このプロパティは、一つ以上の変形機能をサポートしています
（角度）回転する：この機能は、回転角要素を設定するために使用され
）（スキュー：この機能は、配置された歪曲要素を達成するために使用されています
スケール（SX、XY）：この機能は、ズーム効果素子を設定するために使用され
（TX、TY）翻訳：この関数は、設定要素の変位のために使用されます
変換起源：要素の中心位置の位置を変更するための起点要素は、元の要素ではありません
遷移プロパティ：トランジションやCSSプロパティの動的シミュレーションを指定します。
遷移期間：移行を完了するために必要な時間を指定します。
遷移タイミング機能：機能は、トランジションを指定します
遷移遅延：表示されるようになった遅延時間を指定します。
マトリックス（M11、M12、M21、M22、DX、DY）：この関数は、4つのパラメータ変換マトリックス組成物を上記変換行列関数に基づいており、後者のDX、DYは、主に局所的な座標軸を指しシフト量
遷移：（全て0.5秒容易）;属性
時間遅延効果の遷移：0.06s;
（遅延）2Dアニメーション
アニメーションアニメーション：移動1.8s;
@keyframes XXX {{} 15％{} ...... 0％}は、キーフレームを機能します
JavaScriptの（JS）
window.οnlοad=関数（）{...}ローディングイベントが発生
document.getElementByld（「IDのHTML名に対応する」）要素IDによって取得
要素calssを取得することによってdocument.getElementsByClassName（「CLASは、HTML名に対応します」）
document.getElementsByTagName（「タグ名が対応する」）;要素のタグ名で取得します
メソッド関数function
CONSOLE.LOG（）;コンソール出力
警告（）;ポップアップボックス
変数VARを宣言
確認（）：ポップアップクエリーボックス
プロンプト（）;入力ダイアログ
parentNodeの親要素
対応する文字列を整数に変換するためのparseInt（...）
parseFloatは（）は、対応するフロートに文字列を変換します
document.write（）;ページへの出力
Window.onmousewheelマウスホイールイベント
event.detail Firefoxや他の観光は、スクロール値を取得します
ローラーが動くの値を取得しますevent.wheelDelta
イベントのサイズを変更Window.onresizeフォーム
XXX.οnclick=関数（）{}イベントをクリック
XXX.innerHTML =「」
動的に追加要素の内容
。VarのXXX = XXX insertCell（）;動的挿入セル
XXX.style.display =「なし」;
設けられた素子特性
Firefoxのローラーイベントリスナーのツアーなど; window.addEventListener（「のDOMMouseScroll」、ホイール、偽）
event.preventDefault（）; event.returnValue = falseは、ツアーでは、ストリップ圧延の動作をローリングされて停止
関数宣言：関数+ +関数名（パラメータ1、パラメータ2 ...）{...}
タイマーのsetTimeout（間隔、行く）;関数名
\ Bのバックスペース文字
\ F改ページ
\ Nの改行文字
\ rキャリッジリターン文字
\ Tタブ]タブ
\「エスケープ