ブラザーズCSS3チュートリアルHTML5 CSS3プロパティの秘密のITバンド4

5f16a58a57bc47108e1c532aebeafd05.jpg

 

7マルチコラムレイアウトプロパティ

CSS3することにより、開発者に複数列のテキストレイアウトを作成します。CSS2時代に、マルチコラムレイアウトのために設計された、2つの方法で主にフローティングと絶対配置レイアウトをレイアウト。レイアウトより柔軟ますが、追加のスタイルのコードの多くを書く必要があり、ページズームなどの操作中に転位しやすいフローティング、全体的な結果ページに影響を与えます。ラベルを配置する正確な方法が、適応能力のラベルの固定位置とする絶対位置は、ラベルを満たすだけでなく、共同文書の流れに影響を与えることができません。整列した列(例えば、列の指定された数のコンテンツを使用して自動的に追加CSS3列プロパティ、すなわち、マルチコラム自動レイアウト機能、この機能:番号3で表される幅250ピクセル3,250px列は複数の列を表します。 )。結合特性は、各列の境界の幅、スタイル、色を定義カラムギャップ属性定義列、列ルールとの間の間隔に結合することができます。サンプルコードを以下に示します。

42a6a6daf2284125ba1ff31a59f6e899.png

CSS3マルチコラムレイアウトは、このような高さのカラム(カラム充填)印刷性及び破壊のような多くの新しい属性および特性があり、もはや詳細はありません。

 

8つのグラデーションプロパティ

横方向又は縦方向のタイルタイルは実際の状況に依存しているように、通常の勾配背景で、一般的にカットタイルであるが、複雑な背景は、図を切断することができます。CSS3は、Firefox、Safariの、クロムはカラーグラデーションを実現することができますしかし、IEは考慮メソッドの価値があるフィルタを、使用することができます。構文を見てください:

5b67c4be78bf4d7badf306b22a19abc8.png

プロパティ "-moz-線形勾配" 3つのパラメータ。最初のパラメータは、それが下左から右へ手段、左上トップとして定義されている場合は、左から右に表し、左、上から下に表し、直線勾配の方向を示しています。2番目と3番目のパラメータは、それぞれ開始および終了色を示しています。複数のパラメータは、勾配によって表される複数の色をその間に挿入してもよいです。

プロパティ「-webkit-勾配は、」緩やかなWebKitのエンジン、および5つのパラメータの合計を達成することです。最初のパラメータはリニア(直線勾配)またはラジアル(半径勾配)であってもよい、勾配の種類(タイプ)を示します。2番目と3番目のパラメータは、それぞれ、勾配の勾配始点と終点の値のペアです。これは、座標値の形で表すことができ、また、左上(左上)と左下(左下)としてのキー数値で表すことができます。第四及び第五のパラメータは、2つの色ストップ機能です。カラーストップ機能は、2つのパラメータを受け取り、最初のパラメータは0.5、1の中点がエンドポイントであり、出発点としての0の位置の勾配を表し、2番目のパラメータは、カラーポイントを示しています。

IEは緩やかを達成するためのフィルタを利用しています。startColorstr色の開始点を表し、endColorstr端の色を表します。するGradientTypeグラデーションタイプを表し、デフォルト値0は、垂直勾配を示し、1は水平勾配を表します。

おすすめ

転載: www.cnblogs.com/itxdl/p/11817968.html