CSS3基本教程

CSS3 チュートリアル

CSS3はCSSの最新の進化であり、CSSを拡張することを目指しています。2.1それは多くの待望された新しい機能をもたらしました、例えば丸みを帯びた角、影、グラデーション、トランジションまたはアニメーション、そして新しいレイアウト、例えば複数の列、柔軟なボックスまたはグリッドレイアウト。実験的な機能はメーカープレフィックスを持っており、生産環境で使用を避けるべきで、または将来の文法や意味が変更される可能性があるため特に注意が必要です。

CSS3の新しい機能には、角の丸み、グラフィカルな境界、ブロックの影とテキストの影、RGBAを使用した透明効果、グラデーション効果、@Fontを使用したフォントの使用などがあります。-Faceはカスタムフォント、マルチバックグラウンド画像、テキストや画像の変形処理（回転、拡大、傾斜、移動）、マルチカラムレイアウト、メディアクエリなどを実現します。

CSS3 チュートリアル

CSSはウェブページのスタイルとレイアウトを制御するために使用されます。

CSS3 が最新のCSS標準です。

このチュートリアルでは、CSS3 の新機能について説明します。

CSSを学び始めましょう3!

CSS3 アニメーションサンプル、赤色の背景と緑色の背景が変化するアニメーションを示します。

サンプル

!DOCTYPE　html>　　
<html>　　
<head>　　
<style>　　　
div　{　　
　　　　width:　100px;　　
　　　　height:　100px;　　
　　　　background:　red;　　
　　　　-webkit-animation:　myfirst　6s;　/*　Chrome、Safari、Opera　*/　　
　　　　animation:　myfirst　5s;　　
}　　
/*　Chrome、Safari、Opera　*/　　
@-webkit-keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
　　
@keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
</style>　　
</head>　　
<body>　　
<p><b>注意:</b>　IE　9　以前のバージョンではサポートされていないCSS3　アニメーション属性.</p>　　
<div></div>　　
</body>　　
</html>

テストして見て‹/›

CSS3 リファレンスマニュアル

基本教程網で、私たちは完全な CSS3 リファレンスマニュアルには、すべての属性と要素選択子の文法、例、ブラウザのサポート情報が含まれています。