はじめに

CSSはCascading Stylesheetです。 CSS テクノロジーは、Web 開発でページのレイアウト、フォント、色、背景、その他の効果を効果的に制御するために使用されます。いくつかの簡単な変更を加えるだけで、Web ページの外観と形式を変更できます。 CSS3 は CSS のアップグレード バージョンであり、ボックス モデル、リスト モジュール、ハイパーリンク メソッド、言語モジュール、背景と境界線、テキスト効果、複數(shù)列レイアウトなど、より豊富で実用的な仕様を提供します。 Firefox、Chrome、Safari、Opera など、多くのブラウザがこのアップグレードされた仕様をすでにサポートしています。 Web 開発で CSS3 テクノロジーを使用すると、アプリケーションが大幅に美しくなり、ユーザー エクスペリエンスが向上し、プログラムのパフォーマンスも大幅に向上します。

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

CSS3モジュール

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

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

セレクター

ボックスモデル

背景と境界線

テキスト効果

2D/3D変換

アニメーション

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

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

いくつかの新機(jī)能をリストします:

border

border-colorプロパティ
boder-imageプロパティ
border-radiusプロパティ
box-shadowプロパティ

background

バックグラウンド由來のプロパティと背景クリッププロパティ
background-sizeプロパティ
複數(shù)の背景

color

HSLカラー値
HSLAカラー値
opacityプロパティ
RGBAカラー値

Text-shadowプロパティ

text-shadowプロパティ
text-overflowプロパティ
word -wrap プロパティ

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

box-sizing 屬性
resize 屬性
outline 屬性
nav-top、nav-right、nav-bottom、nav-left 屬性

セレクター

屬性セレクター

基本ボックス モデル

overflow-x 屬性と overflow-y 屬性

生成されたコンテンツ

content 屬性

その他のモジュール

メディアクエリモジュール
マルチカラムレイアウトモジュール
Web フォントモジュール
スピーチモジュール