CSS3の紹介
CSSは、Webページのスタイルとレイアウトを制御するために使用されます。
CSS3 は最新の CSS 標準です。
CSS3モジュール
CSS3は「モジュール」に分割されています。古い仕様は細かく分割され、新しい仕様が追加されました。
最も重要な CSS3 モジュールの一部は次のとおりです:
セレクター
ボックスモデル
背景と境界線
テキスト効果
2D/3 D変換
アニメーション
複数列レイアウト
ユーザーインターフェイス
ヒント: W3C の CSS3 仕様はまだ開発中です。 ただし、多くの新しい CSS3 プロパティは、最新のブラウザーですでに利用可能です。
まず css3 の例を見てみましょう
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> div { width:100px; height:75px; background-color:red; border:1px solid black; } div#div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ } </style> </head> <body> <div>你好。这是一个 DIV 元素。</div> <div id="div2">你好。这是一个 DIV 元素。</div> </body> </html>
プログラムを実行して試してみましょう
次のセクションからは、css3 の新機能について学び始めます