ホームページ  >  記事  >  ウェブフロントエンド  >  css3とcss2の違いは何ですか

css3とcss2の違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-04-28 17:30:364800ブラウズ

違い: 1. CSS3 は CSS2 を発展させたもので、アニメーション、ボックス サイズ変更、アイコンなどの新しい属性が追加されています; 2. CSS2 はコンテンツとパフォーマンス効果の分離を提唱していますが、CSS3 はa モジュール化して開発されている; 3. CSS2 には互換性の問題はありませんが、CSS3 には互換性の問題があります。

css3とcss2の違いは何ですか

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

CSS は、HTML マークアップ言語のスタイル記述を提供し、その中の要素がどのように表示されるかを定義します。 CSS は Web デザインの分野における画期的な技術です。これを使用して小さなスタイルを変更し、それに関連するすべてのページ要素を更新できます。

css には、css1、css2、css3 という 3 つの主要なバージョンがあります。 CSS1 の属性が少なく、一部の古いブラウザでは CSS3 がサポートされていないため、CSS2 がより頻繁に使用されます。そのため、開発時には誰もが主に CSS2 を使用します。

CSS2.0 は、W3C によって推進されているまったく新しいスタイル シート構造です。以前の CSS1.0 や CSS1.2 とはまったく異なります。CSS2.0 は、一連のコンテンツとパフォーマンス効果を推奨します。分離された方法では、HTML 要素は CSS2.0 スタイルを通じて表示効果を制御できます。

以前の HTML でフォームの外観とスタイルを配置するために table と td を使用する必要がなくなり、要素を区切るために div や Li などの HTML タグを使用するだけで済みます。 CSS2.0 スタイルによるフォーム、インターフェイスの外観。

CSS3 言語開発はモジュール化に向けて発展しています。以前の仕様はモジュールとして大きすぎて複雑だったので、より小さなモジュールに分割され、さらに新しいモジュールが追加されました。

簡単に言えば、css2 のプロパティは css3 で利用できますが、css3 のプロパティは css2 では利用できない可能性があります。 CSS3 は最新バージョンであり、その効果は CSS2 とは比べものになりませんが、CSS3 は CSS2 をベースにいくつかの新しい属性を追加しているため、CSS2 の発展版であると言えます。

たとえば、角丸、背景色のグラデーション、背景画像のサイズ制御、複数の背景画像の定義などです。これは CSS2 では利用できない効果です。現在、ブラウザの新しいバージョンは基本的に CSS3 をサポートしています。 IE9、FF4、chrome11 などがありますが、CSS3 を使用して Web サイトを開発したい場合は、以前のバージョンのブラウザをまだ使用しているユーザーを考慮する必要があります。

css3 と css2 の違いの概要:

1. CSS3 は css2 を発展させたもので、いくつかの新しい属性が追加されています。

  • アニメーション (および 8 つの関連する手書きプロパティ)

  • background-clip

  • background-origin

  • background-size

  • border-radius (および関連する 4 つの手書きプロパティ)

  • border -image (および 6 つの関連する手書きプロパティ)

  • box-decoration-break

  • box-shadow

  • box-sizing

  • 列 (および関連する 13 個の複数列プロパティ)

  • clear-after

  • flex (および関連する 11 のフレックスボックス プロパティ)

  • font-stretch

  • font-size-adjust

  • #フォント合成

  • ##フォントカーニング
  • フォントバリアントキャップ
  • #吊り下げ句読点

  • ##ハイフン
  • アイコン
  • ##画像解像度

  • image-orientation

  • line-break

  • object-fit

  • object-position

  • opacity

  • outline-offset

  • overflow- ラップ / ワード-ラップ

  • 背面可視性

  • パースペクティブ

  • パースペクティブ原点

  • ポインターイベント (HTML 用)

  • resize

  • ##タブサイズ
  • text-align-last
  • #text-decoration-line
  • ##text-decoration-skip

  • text-decoration-position

  • text-decoration-style

  • ##text-emphasis (および 3 つの関連プロパティ)

  • text-justify

  • text-orientation

  • text-overflow

  • transform

  • ##transform-style
  • ##text-shadow
  • transition (および 4 つの関連する手書きプロパティ) )
  • ##単語区切り

  • ##単語間隔

  • #書き込みモード
  • #2. CSS2 はコンテンツとパフォーマンス効果の分離を提唱していますが、CSS3 はモジュール化を目指して開発されています。
  • 3. CSS2 には互換性の問題はありませんが、CSS3 には互換性の問題があります。

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

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

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