08.05自己概要
I.ボックスレイアウト
カセットレイアウトの組成
- マージン
- 境界
- パディング
- コンテンツ
2.margin
マージンマージンは、に対する彼の位置の表示制御ボックスです
左、トップコントロール自体、右、下衝撃ブラザーズ
3.border
幅：ボーダー幅
カラー：ボーダー色
透明度：透明
スタイル：ボーダースタイル：
一般的なスタイル
none：枠なしsolid：ソリッドdashed点線dotted点或者方框根据浏览器不同样式有有点区别
透明度：コントロールに制御するための第四パラメータと色内部RGB色
4.content
content是宽x高，作为内容或子标签的显示区域
パディングとボーダーの間の距離
シャドーボックス
ボックスシャドウ：Xのy軸は、軸が幅漂白シャドウ色シャドウオフセットオフセット
6.キー
- ボックスモデル：マージン、パディングが操作を調整、パディングでパディングを使用しようとし、マージンを使用することを検討してください
- トップレベルから生成された息子は、パディングを使用することをお勧めします
- 該当するマージン領域を中心と空白を使用してマージン、パディングパラメータの自動自動取得
II。フローティングレイアウト
1.フローティングレイアウト
float
1.親サブセット幅浮動参照
親の浮上の2サブセットはもはや邪魔され
3.親プロセスが明確なフロート法を使用し、それ以外の場合は、レイアウトの兄弟に影響を与えるだろう、独自の高さを必要としません
2.after |前
after与before是伪类
接続：CSSセレクタと直接彼ら
要素の後の後
要素は、前に現れる前に、
3.クリアフロート
親透明フロートは、小包のサブセットのみ親の高度を確保することができ、彼らはあるかどうかを判断するために幅があります
配置された側のフローティングレイアウトブロックを必要とし、親は透明フロートでなければなりません
この方法の一つ：
.浮动的标签:after {
content: '';
display: block;
clear: both;
}方法2：
.浮动标签下一个要显示的标签(会受到他浮动影响的):before {
content: '';
display: block;
clear: both;
}III。アニメーション
1.明示的および暗黙的
1）表示：なし|ブロックアニメーション行うことができない
2）不透明度：| 0 1は、アニメートすることができない
3）幅：0 |高さ： 0 アニメーションを行うことができ
2.アニメーション
遷移：アニメーション時間（.5s）遅延時間（.1s）アニメーションプロパティ（すべての）運動曲線（EASE）