ITバンドブラザーズHTML5 CSS3の秘密のCSS3チュートリアルの概要

f84507131633451aa6620ad12c64cafa.jpg

 

Web開発者のために、CSS3の技術の単なる目新しさはありませんが、これらのより重要なのは、無限の可能性をもたらすためのWebアプリケーション開発者の新しい概念ですが、また、大幅に開発効率を向上させます。私たちは、フィレット、およびより多くの背景、カスタムフォント、3Dアニメーション、グラデーション、シャドウボックス、テキストの影、透明性を完了したWebアプリケーションの設計特性の品質を向上させるために、画像やJavaScriptに依存する必要はありません。

 

セレクタ1つのCSS3サポート

セレクタのCSS3の豊富なサポートは、開発者にスタイルを制御するための柔軟性を可能にします。簡単に属性値の先頭に応じて選択することができセレクタを使用することにより、開発者は、もはや意味クラス属性なしで、編集スタイルの過剰中に必要とされず、直接属性を使用して、素子パターンに特異的に結合することができますまたは兄弟セレクタによって選択された要素の端部は、このように、WebサイトまたはWebアプリケーションの設計に保存、要素のカテゴリを選択することができる擬似クラスセレクタを使用して、兄弟兄弟または次の要素ノードに近いを選択してもよいが再び完了します時間がかかるのスタイルを変更します。

 

スタイルで2 CSS3のサポート

限り、何が最も答えるCSS3の機能を持ってきて「四捨五入」されます。はい、この機能は、丸みを帯びたフロントエンドのレイアウトは一緒にフィレットカット計画を置くために多くの時間と労力を節約することができます。、連続テキストの折り返しはまた、いくつかのプロパティを追加するために、継続的な英語の文字の問題を解決しただけでなく、ページの転位が発生し、(する@ font-faceを使って)フォントをカスタマイズすることができ、CSS3も影(ボックスシャドウとテキストの影)とグラデーションをサポートしていますあなたは連続文字を傍受するために、バックエンドプログラムは必要ありません。あなたは、サイズや背景のサポート透明バックグラウンド処理を調整し、フレームに背景を追加することができます。

 

支援のための3つのCSS3アニメーション

CSS3アニメーションの種類がサポートされています:変換、トランジションやアニメーション。あなたは、トランジションやアニメーションのための特定の属性のアニメーションの値を設定することができます。

 

4実際の開発でCSS3を使用する方法

まず、前述したフィレットとして、優雅な劣化の原則に従ってください、私たちは、FirefoxとSafariブラウザのサポートは、コーナーを丸め、およびCSSをサポートしていない人たちは、ブラウザの表示に直角の角を丸めたため、CSSがコーナーを丸め適用することができます。第二に、それは達成するために、JavaScriptのスクリプトを使用することができますCSS3のブラウザをサポートしていません。新しい技術が、また、自分の目標や実現可能性について懸念を促進するためのユーザーや企業、ない技術のための技術ながら。

おすすめ

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