html css3とは何ですか

(*-*)浩
(*-*)浩オリジナル
2019-05-28 15:34:093655ブラウズ

CSS3 は、CSS (Cascading Style Sheets) 技術のアップグレード版で、1999 年に策定されました。2001 年 5 月 23 日に、W3C は、主にボックス モデル、リスト モジュール、ハイパーリンク メソッド、および言語モジュール、背景と枠線、テキスト効果、複数列レイアウト、その他のモジュール。

html css3とは何ですか

#CSS の進化における大きな変化の 1 つは、CSS3 を一連のモジュールに分割するという W3C の決定です。ブラウザ ベンダーは CSS のペースで急速に革新するため、モジュール型アプローチを採用することで、CSS3 仕様の要素は異なる速度で前進できます。これは、ブラウザ ベンダーが異なると特定の機能のみをサポートするためです。ただし、ブラウザーごとにサポートされる機能が異なるため、クロスブラウザー開発も複雑になります。

開発プロセス

2001 年の初めに、W3C は CSS3 の仕様草案を完成させました。 CSS3 仕様の新しい特徴は、CSS3 仕様が複数の独立したモジュールに分割されていることです。一方で、いくつかの小さなモジュールに分割することにより、仕様のタイムリーな更新とリリース、およびモジュールの内容のタイムリーな調整が容易になり、これらのモジュールは独立して実装およびリリースされ、将来の CSS 拡張の基礎にもなります。一方で、サポートするデバイスやブラウザのメーカーの制限により、CSS3 の普及促進につながる、一部のモジュールを選択的にサポートしたり、CSS3 のサブセットをサポートしたりできる機器やメーカーが存在しません。

プログラミング開発

CSS3 プログラミング ツールは CSS と同じです。Windows のワードパッドやメモ帳など、あらゆるテキスト編集ツールを使用して作成できます。 Web ページのテキストの編集に特に使用されるツール (IntelliJ IDEA、Eclipse、MyEclipse、webstorm、sublime text など)。さらに、フロントエンド開発専用のプラグイン (Emmet など) もあります。

言語の基本

CSS3 の構文は、CSS のオリジナル バージョンに基づいており、ユーザーは冗長なクラス、ID、またはタグを使用せずにタグ内の特定の HTML 要素を指定できます。 JavaScript。 CSS セレクターのほとんどは CSS3 では新しいものではありませんが、以前のバージョンでは広く使用されていませんでした。クリーンで軽量なタグを実現し、構造とパフォーマンスをより適切に分離したい場合は、タグ内のクラスと ID の数を減らし、デザイナーの保守を容易にする高度なセレクターが非常に役立ちます。

利点の評価

1. 開発コストと保守コストの削減

CSS3 が登場する前、開発者は CSS3 を実装したいと考えていました。 a 角丸効果を完成させるには、多くの場合、追加の HTML タグを追加し、1 つ以上の画像を使用する必要がありますが、CSS3 を使用する場合は 1 つのタグのみが必要で、CSS3 の border-radius 属性を使用して完成させることができます。このように、CSS3 テクノロジーは、画像を描画、切り取り、最適化する作業から人々を解放します。後でフィレットの曲率や色を調整する必要がある場合、CSS2.1 を使用すると、最初から画像を描画して切り取る必要がありますが、CSS3 を使用すると、border-radius 属性値を変更するだけですぐに完了します修正。

CSS3 が提供するアニメーション機能により、開発者は一部の動的ボタンや動的ナビゲーションを実装するときに JavaScript を使用しないことができるため、スクリプトの作成や適切なスクリプト プラグインの検索に多くの時間を費やす必要がなくなります。いくつかの動的ウェブサイト効果。

2. ページのパフォーマンスを向上させる

多くの CSS3 テクノロジは、同じ視覚効果を提供することで画像の「代替品」となっています。冗長なタグのネストと使用される画像の数により、ユーザーがダウンロードする必要があるコンテンツが減り、ページの読み込みが速くなります。さらに、画像、スクリプト、Flash ファイルの数を減らすと、ユーザーが Web サイトにアクセスするときの HTTP リクエストの数を減らすことができます。これは、ページの読み込み速度を向上させる最良の方法の 1 つです。 CSS3 を使用してグラフィカル Web サイトを作成すると、画像が不要になるため、HTTP リクエストの数が大幅に削減され、ページの読み込み速度が向上します。たとえば、CSS3 アニメーション効果は JavaScript および Flash ファイルに対する HTTP リクエストを減らすことができますが、アニメーション効果のレンダリングを完了するためにブラウザに多くの作業を実行させる必要があるため、ブラウザの応答が遅くなり、ユーザーが操作できなくなる可能性があります。 。したがって、複雑な特殊効果を使用する場合は、慎重に検討する必要があります。実際、多くの CSS3 テクノロジーは、どのような状況でもページのパフォーマンスを大幅に向上させることができます [44] 。

CSS3 は完全な下位互換性があるため、引き続き動作するために設計を変更する必要はありません。 Web ブラウザも引き続き CSS2 をサポートします

以上がhtml css3とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。