css3 はいつリリースされましたか?

CSS3 は 1999 年に策定され始めました。2001 年 5 月 23 日に、W3C は CSS3 の作業草案を完成させました。この草案では、CSS3 の開発ロードマップが作成され、すべてのモジュールが詳細にリストされ、将来的には徐々に進められる予定です。 . 仕様; 主に、ボックス モデル、リスト モジュール、ハイパーリンク メソッド、言語モジュール、背景と境界線、テキスト効果などのモジュールが含まれます。

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

CSS3 は CSS (Cascading Style Sheets) 技術のアップグレード版であり、1999 年に策定されました。2001 年 5 月 23 日、W3C は CSS3 の作業草案を完成させ、この草案では CSS3 の開発ロードマップが策定されました。ロードマップにはすべてのモジュールが詳細にリストされており、将来的には徐々に標準化される予定です。

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

以下は、各主要モジュールのリリース時期と内容の簡単な説明です。

• CSS3 Line モジュールは、テキストを標準化する 2002 年 5 月 15 日にリリースされました。ライン、モデル。

• CSS3 リスト モジュールは 2002 年 11 月 7 日にリリースされ、リスト スタイルを標準化しました。

• CSS3 ボーダー モジュールも 2002 年 11 月 7 日にリリースされ、新しい背景ボーダー機能が追加されました。このモジュールは後にバックグラウンド モジュールにマージされました。

• CSS3 生成および置換コンテンツ モジュールは 2003 年 5 月 14 日にリリースされ、CSS3 で生成および置換されるコンテンツ関数を定義しました。

• CSS3 プレゼンテーション レベル モジュールは 2003 年 8 月 13 日にリリースされ、プレゼンテーション効果関数を定義しました。

• CSS3 構文モジュールも 2003 年 8 月 13 日にリリースされ、CSS 構文の基本を再定義しました。

• CSS3 ハイパーリンク プレゼンテーション モジュールは、2004 年 2 月 24 日にリリースされ、ハイパーリンク プレゼンテーションのルールを再定義しました。

• CSS3 音声モジュールは 2004 年 12 月 16 日にリリースされ、音声の「スタイル」ルールを再定義しました。

• CSS3 カスケードと継承モジュールは 2005 年 12 月 15 日にリリースされ、CSS カスケードと継承のルールを定義しました。

• CSS3 基本ボックス モジュールは 2007 年 8 月 9 日にリリースされ、CSS 基本ボックス モデルのルールを再定義しました。

• CSS3 グリッド配置モジュールは 2007 年 9 月 5 日にリリースされ、CSS グリッド配置ルールを定義しました。

• CSS3 アニメーション モジュールは 2009 年 3 月 20 日にリリースされ、CSS アニメーション モデルを定義しました。

• CSS3 3D Transforms モジュールも 2009 年 3 月 20 日にリリースされました。これは、CSS 3D 変換モデルを定義します。

• CSS3 フォント モジュールは 2009 年 6 月 18 日にリリースされ、CSS フォント モードを定義しました。

• CSS3 画像値モジュールは 2009 年 7 月 23 日にリリースされ、画像コンテンツの表示モデルを定義しました。

• CSS3 フレキシブル ボックス レイアウト モジュールも、2009 年 7 月 23 日にリリースされました。これは、フレキシブル ボックス レイアウト モデルを定義します。

• CSS3 2D Transforms モジュールは 2009 年 12 月 1 日にリリースされ、2D 変換モデルを定義しました。

• ページ メディア用 CSS3 生成コンテンツ モジュールは 2010 年 4 月 29 日にリリースされ、ページ メディア コンテンツ モデルを定義しました。

• CSS3 テキスト モジュールは 2010 年 10 月 5 日にリリースされ、テキスト モデルを定義しました。

• 2010 年 10 月 5 日には、境界線と背景モデルに再パッチを適用した CSS3 背景と境界線モジュールもリリースされました。

さらに詳しい情報は、https://www.w3c.org/Style/CSS/current-work.html でご覧いただけます。CSS3 がいくつのモジュールに分割されているかが紹介されています。すべてのモジュールの現在のステータスとリリース時期。

CSS3 は複数のモジュールに分割されており、各モジュールには独自の仕様があります。この利点は次のとおりです:

• CSS3 仕様全体は、次の理由によりリリースされません。他のモジュールの進行に影響を与えるいくつかの紛争。

• ブラウザの場合、ニーズに基づいてサポートされる CSS 関数を決定できます。

• W3C 開発者にとって、必要に応じて対象を絞った更新を行うことができるため、仕様全体がより柔軟になり、タイムリーに改訂できるようになり、新しいテクノロジー固有の拡張が容易になります。

CSS3 を使用する利点は何ですか?

最も明白なことは、CSS3 によりページが非常に派手でクールに見えるようになり、Web サイトのデザインがさらに良くなるということですが、その利点はそれをはるかに超えています。

ほとんどの場合、CSS3 を使用すると、開発とメンテナンスに有益なだけでなく、Web サイトのパフォーマンスも向上します。同時に、Web サイトのアクセシビリティと使いやすさが向上し、Web サイトがより多くのデバイスに適応できるようになり、Web サイトの SEO が最適化され、Web サイトの検索ランキング結果が向上することもあります。

1. 開発コストとメンテナンスコストを削減します

なぜ CSS3 は開発コストと保守コストを削減できるのですか?

まず例を見てみましょう。角丸効果を実現するには、CSS2 で追加の HTML タグを追加し、1 つ以上の画像を使用する必要があります。CSS3 を使用する場合、完了するには 1 つのタグと border-radius 属性のみが必要です。このように、CSS3 テクノロジーは、画像の描画、切り取り、最適化の作業から人々を救うことができます。

後から角丸の円弧や色を調整する必要がある場合、CSS2を使用すると画像を一から描いて切り取って完成させる必要がありますが、CSS3を使用するとこれらの作業が数回で完了します。秒。

CSS3 を使用すると、多くの JavaScript スクリプト コードや Flash から遠ざけることもできます。スクリプトを作成したり、適切なスクリプト プラグインを見つけたり、Web サイトの特殊効果に適応させるためにそれらを変更したりするのに多くの時間を費やす必要がなくなりました。 。

最後に、いくつかの CSS3 テクニックは、ページを簡素化し、構造をより明確にするのにも役立ちます。たとえば、効果を得るために多くの div タグとクラス名をネストすると、作業効率が効果的に向上し、開発時間と開発コストが削減されます。たとえば、背景が重なるエフェクトを作成するには、CSS で div タグとクラス名を追加し、異なる div に背景画像を配置する必要がありますが、複数の背景や背景サイズなどの CSS3 の新機能を使用できるようになり、これを div タグに追加すると、これらのタスクを完了できます。

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

Web 開発を行う場合、冗長なタグのネストと使用される画像の数を減らすと、ユーザーがダウンロードするコンテンツが減り、ページの読み込みが速くなります。さらに、画像、スクリプト、Flash ファイルの数が減ることで、Web サイトの HTTP リクエストの数を減らすことができます。これは、ページの読み込み速度を向上させる最良の方法の 1 つです。

CSS3 を使用してグラフィカル Web サイトを作成すると、画像が不要になるため、HTTP リクエストの数が大幅に削減され、ページの読み込み速度が向上します。

もちろん、これは CSS3 機能がどのようなテクノロジーで置き換えられるかによって異なります。また、CSS3 機能がどのように使用されるかによっても異なります。たとえば、CSS3 アニメーション効果を使用すると、JavaScript および Flash ファイルに対する HTTP リクエストを減らすことができますが、アニメーション効果のレンダリングを完了するためにブラウザーが多くの作業を実行する必要があり、そのためブラウザーの応答が遅くなり、ユーザーが操作できなくなる可能性があります。

したがって、複雑な特殊効果を使用する場合は、誰もが慎重に検討する必要があります。しかし、やはりそのような現象は稀です。

(学習ビデオ共有: css ビデオ チュートリアル)

以上がcss3 はいつリリースされましたか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。