css3とcss2の違いは何ですか
違い: 1. CSS3 は CSS2 を発展させたもので、アニメーション、ボックス サイズ変更、アイコンなどの新しい属性が追加されています; 2. CSS2 はコンテンツとパフォーマンス効果の分離を提唱していますが、CSS3 はa モジュール化して開発されている; 3. CSS2 には互換性の問題はありませんが、CSS3 には互換性の問題があります。
このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









純粋な CSS3 で波の効果を実現するにはどうすればよいですか?この記事ではSVGとCSSアニメーションを使って波のエフェクトを作成する方法をご紹介しますので、お役に立てれば幸いです。

この記事では、頻繁に登場する様々な奇妙な形のボタンをCSSを使って簡単に実現する方法を紹介しますので、ぜひ参考にしてください。

2 つの方法: 1. display 属性を使用して、要素に「display:none;」スタイルを追加するだけです。 2. Position 属性と top 属性を使用して、要素の絶対位置を設定し、要素を非表示にします。要素に「position:absolute;top:-9999px;」スタイルを追加するだけです。

CSS では、border-image 属性を使用してレースの境界線を実現できます。 border-image 属性では、画像を使用して境界線を作成できます。つまり、境界線に背景画像を追加できます。背景画像をレース スタイルとして指定するだけで済みます。構文「border-image: url (画像パス) は、内側への画像境界線の幅。開始を繰り返すかどうか;"。

テキストカルーセルと画像カルーセルを作成するにはどうすればよいですか?皆さんが最初に考えるのはjsを使うかどうかですが、実はテキストカルーセルや画像カルーセルも純粋なCSSでも実現できますので実装方法を見ていきましょう。

実装方法: 1. ":active" セレクターを使用して、画像上のマウス クリックの状態を選択します; 2. 変換属性とscale() 関数を使用して、画像の拡大効果を実現します。構文 "img:active {transform : スケール(x 軸倍率、y 軸倍率);}"。

CSS3 では、「animation-timing-function」属性を使用してアニメーションの回転速度を設定できます。この属性は、アニメーションがサイクルを完了する方法を指定し、アニメーションの速度曲線を設定するために使用されます。構文は「element {アニメーションタイミング関数: 速度属性値;}"。

css3 のアニメーション効果には変形があり、「animation: アニメーション属性 @keyframes ..{..{transform: 変換属性}}」を使用して変形アニメーション効果を実現できます。アニメーション属性はアニメーション スタイルを設定するために使用され、変形スタイルを設定するには、transform 属性を使用します。
