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



学び続ける
||
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
图片放大关闭