CSS3 の概要

はじめに

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

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

CSS3モジュール

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

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

セレクター

ボックスモデル

背景と境界線

テキスト効果

2D/3D変換

アニメーション

複数列レイアウト

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

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

border

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

background

バックグラウンド由来のプロパティと背景クリッププロパティ
background-sizeプロパティ
複数の背景

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 フォントモジュール
スピーチモジュール