CSS3とは

CSS3はCSS2のアップグレードバージョンであり、CSS2.1に基づいて多くの強(qiáng)力な新機(jī)能が追加されています?，F(xiàn)在、主流のブラウザである chrome、safari、firefox、opera、さらには 360 も CSS3 のほとんどの機(jī)能をサポートしており、IE10 も CSS3 を完全にサポートし始めます。

CSS3 スタイルを記述する場(chǎng)合、ブラウザごとに異なるプレフィックスが必要になる場(chǎng)合があります。これは、CSS プロパティまたはルールがまだ W3C 標(biāo)準(zhǔn)の一部になっておらず、ブラウザのプライベート プロパティであることを意味します。ただし、ブラウザの新しいバージョンでは現(xiàn)在プレフィックスは必要ありませんが、前方互換性を向上させるためにはプレフィックスが依然として不可欠です。

注: このコースは IE9 より前のバージョンをサポートしていません。このコースを?qū)W習(xí)するには、Chrome、Safari、Firefox、Opera ブラウザの最新バージョンを使用することをお?jiǎng)幛幛筏蓼埂?

CSS3 で何ができるの?

CSS3 は私たちにどのようなメリットをもたらしますか?簡(jiǎn)単に言うと、CSS3 は、これまで畫(huà)像やスクリプトを使用する必要があった多くの効果、さらにはアニメーション効果をわずか數(shù)行のコードで実現(xiàn)できるようになります。たとえば、丸い角、畫(huà)像の境界線、テキストの影とボックスの影、トランジション、アニメーションなどです。

CSS3 は、フロントエンド開(kāi)発者の設(shè)計(jì)プロセスを簡(jiǎn)素化し、ページの読み込みを高速化します。

CSS3 と完全に下位互換性があるため、既存のデザインを変更する必要はありません。ブラウザは常に CSS2 をサポートします。

CSS3モジュール

CSS3は「モジュール」に分割されています。古い仕様は細(xì)かく分割され、新しい仕様が追加されました。

最も重要な CSS3 モジュールの一部は次のとおりです:

セレクター

ボックス モデル

背景と境界線

テキスト効果

2D/3D 変換

アニメーション

複數(shù)列レイアウト

ユーザーインターフェース

CSS3 の推奨事項(xiàng)

W3C の CSS3 仕様はまだ開(kāi)発中です。

ただし、多くの新しい CSS3 プロパティは、最新のブラウザーですでに利用可能です。