スタートページ書き込み1.は、ページの再構築手順について可能である：
1. 一部の全体から、右に左;内側からトップダウンから。
そのページの拡大縮小バックの全体的な内容を包ん2.大型コンテナはするつもりはないローカルコンテンツ転位を作り出します。
3.フレームの知識部分を理解しようとすることができ、コードの最適化を。（可能な限り少ないが、選択されたクラスブロックに書き込むことができる同じコードを再利用する）
2.overflow：隠された;
A容器の所望の高さならば設けられない場合、自動的に浮動サブエレメントの高さに応じて調整します。使用した
親世代のサブ要素をフローティングの影響を除去するために、隠された：オーバーフロー。それと同時に、場合
、このプロパティを使用して、ネストされた複数の容器は、（過剰剪断、および残りのコンテンツが表示されていない）属性の別の効果であってもよい内容に影響を与えます。
。;：Bまたはいくつかのケースでは、そのサブ要素（隠されたものを超えた子要素部分隠れオーバーフロー）に影響する可能性がない、それぞれの容器の高さを設定する
ため：3.Zインデックス位置決め要素実効を（ ）コンテナの表示優先度を変更するステップと、相対的に一般素子。
4.outline：コンテナは境界線のスタイル、境界線の周囲に設けられてもよいが、違いは、メモリ空間を占有されていないということですと、1つまたは単一の境界線に配置されたいくつかのことはできません。
画像が表示される：
。ワイド全体画像表示部に高剪断を使用して
背景位置を使用してBが選択するように配置することができます
6.特定の画像は、アニメーションを拡大するために、その画像の表示領域を確保するが、アニメーションプロセスよりも存在しない場合には、固定幅と高親コンテナの、およびに設定する必要があり
、隠れオーバーフロー部（オーバーフローズームアニメーションの使用：隠されました。 ）
7.遷移：遷移とCSSアニメーションアニメーションの差：
、2つのパラメータアニメーションループ（アニメーション反復カウント）、およびアニメーション（アニメーション方向）
B、等、ホバーアクションによってトリガされない自己遷移、 JSトリガイベントまたはそれらの組み合わせ。アニメーションは、独自に実行することができ
（％で）定義することができるだけ開始および終了状態、およびアニメーションのキーフレームの複数を指定することができ、C、比較的弱い遷移制御を
アニメーション実行しているの終了後、あなたが初期状態に復帰する必要がある、D （beforeward：アニメーションフィルモードを最終状態を維持することは必要です ;）
と遷移状態は、最後の実行後も維持されます。
8.代替技術:( pisitionの使用;スティッキー達成粘性レイアウト）
位置の組合せである：相対;及び位置：固定され、両方の1つの位置決め機能に特定の機能を標的とするには、使用中に（存在していてもよい互換性）
A.相対位置決めは、前に相対特定のしきい値として示され、後に表示される閾値は固定されています。少なくとも一つ使用する閾値、またはその相対位置の相対的に類似しています。一定の閾値：左上、下、右 存在する場合、一般的な優先順位：トップ>左下>右 接着剤配置位置:.スティッキーを使用してB、要素の親要素オーバーフロープロパティ値可視見えることが要求されます。 親要素が配置要素は彼ではなく、ビューポートエリアビューポートに親要素の相対に対して配置されている場合。次のようにサンプル・コードは次のとおりです。
<！DOCTYPE HTML> <HTML LANG = " EN " > <HEAD> <メタ文字コード= " UTF-8 " > <タイトル>粘性布局</ TITLE> <スタイルタイプ= " テキスト/ cssの" > * { マージン：0 ; パディング：0 ; } .container { 背景：#eee。 幅：600PX。 マージン：0 自動; } NAV { 位置： -webkit- 位置：スティッキー。 トップ：20ピクセル; } NAV { 高さ：は50px。 背景：＃999 ; 色：#FFF; フォント - サイズ：30px; 行 - 高さ：は50px; } .content { / * マージントップ：30px; * / 背景：#ddd。 } 、P { 行 - 高さ：40ピクセル。 フォント - サイズ：20ピクセル; } </スタイル> </ HEAD> <BODY> <divのクラス = " コンテナ" > <divのクラス = " コンテンツ" > <p型>私は満足して</ p型> <p型> I午前コンテンツ</ p型> <p型> I午前コンテンツ</ p型> <p型> Iコンテンツ</ P> <P->私は、コンテンツ</ P>だ </ div> <NAV>私は、ナビゲーションバーだ</ NAV> <p型>私はコンテンツ</ P> <P->私は満足して</ P > <p型>私は満足して</ p型> <p型>私は満足して</ p型> <p型>私は満足して</ p型> <p型>私は満足して</ p型> <p型>私は満足していた。</ P> <P->私はコンテンツ</ P> <P->私はコンテンツ</ P> <P->私はコンテンツ</ P> <P->私はコンテンツ</ P> <P>私は満足して</ P> <P>私は満足して</ P> <P>私だコンテンツ</ P> <P>私は満足して</ P> <P>私は満足して</ P> <P>私は満足して</ p型> </ div> </ BODY> </ HTML>