CSS3 の概要
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 の新機能について学び始めます
