CSS3 の概要LOGIN

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



次のセクション
<meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> div { width:100px; height:75px; background-color:blue; border:1px solid black; } div{ -webkit-text-fill-color: red; -webkit-text-stroke-color: yellow; -webkit-text-stroke-width: 1.75px; } div#div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -webkit-transform:rotate(60deg); /* Safari and Chrome */ } </style> </head> <body> <div>请看文字特效</div> <div id="div2">请看图形特效</div> </body> </html>
コースウェア