CSS3の新機能(ボックスサイズボックスモデル、フィルタフィルタ)

1.ボックスモデル(ボックスのサイズ変更)

CSS3ボックスモデルは、ボックスのサイズ変更で指定することができ、二つの値があります:コンテンツ・ボックス、ボーダー・ボックスとして指定することができ、我々は変更途中でボックスのサイズを計算します。

これは、2つの状況に分けることができます。

 1.ボックスのサイズ変更:コンテンツ・ボックスボックスサイズ幅+パディング+ボーダー(デフォルト)

 2.ボックスサイズ:ボーダーボックスボックス幅サイズ

 私たちはボックスモデルボックスのサイズ変更読めば:ボーダー・ボックスを(これは幅のパディングとボーダーの幅を超えない場合)、そのパディングとボーダーが大きな箱をサポートしていません。

2. CSS3フィルタ(フィルタ)

 像ぶれフィルタCSS性等の効果が色シフト素子に印加されます

 フィルタ:関数();例えば:フィルター:ぼかし(5pxの)ぼかしぼかし処理、大きい値ファジィ

3. CSS3のCALC機能

 あなたはCSSプロパティの値を宣言するときにいくつかの計算を実行するためのCALC()

 幅:計算値(100% - 30px); //ボックスの幅は、親(自体)よりも常に優れている30は、小さなピクセル

 計算* / - ブラケットを使用することができます+

 

おすすめ

転載: www.cnblogs.com/qtbb/p/11738461.html